/* Theme Name: Brandsummit Business Author: Francisco Mónaco Author URI: http://franciscomonaco.com/ Description: Tailor made theme developed specially for Brandsummit Business's website. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*------------------------------------------ Reset */ * { box-sizing: border-box; outline: none; outline: none; } p, a, h1, h2, h3, h4, h5, h6, ul, ol, li, body, div, section, nav, input, textarea { margin: 0; padding: 0; font-weight: normal; } video, svg { vertical-align: middle; width: 100%; height: auto; display: block; } input[type="text"], input[type="submit"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*------------------------------------------ Switches */ .mob-only { display: block; } .tab-only { display: none; } .lap-only { display: none; } .des-only { display: none; } .mob-off { display: none; } .tab-off { display: block; } .lap-off { display: block; } .des-off { display: block; } .big-only { display: none; } .big-off { display: block; } .hover-only { display: none; } .hover-off { display: block; } .off { display: none; } .admin-bar .admin-off { display: none; } /*------------------------------------------ Transitions */ .simple-transition, .join-page .right .form .ur-field-item .input-text, .join-page .right .form .ur-button-container .button, .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview, .join-page .right .form .ur-button-container .button:after { transition-property: all; transition-duration: 0.4s; } .fancy-transition { transition-property: all; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-duration: 0.4s; } /*------------------------------------------ Global - Padding and margin */ .padding { padding: 24px; } .padding-v { padding: 24px 0; } .padding-h { padding: 0 24px; } .padding-no-top { padding: 0 24px 24px 24px; } .padding-no-bottom { padding: 24px 24px 0 24px; } .padding-no-left { padding: 24px 24px 24px 0; } .padding-no-right { padding: 24px 0 24px 24px; } .padding-top { padding-top: 24px; } .padding-bottom { padding-bottom: 24px; } .padding-left { padding-left: 24px; } .padding-right { padding-right: 24px; } .padding-grid { padding: 12px; } .padding-grid-v { padding: 12px 0; } .padding-grid-h, .ur-field-item { padding: 0 12px; } .padding-grid-no-top { padding: 0 12px 12px 12px; } .padding-grid-no-bottom { padding: 12px 12px 0 12px; } .padding-grid-no-left { padding: 12px 12px 12px 0; } .padding-grid-no-right { padding: 12px 0 12px 12px; } .padding-grid-top { padding-top: 12px; } .padding-grid-bottom { padding-bottom: 12px; } .padding-grid-left { padding-left: 12px; } .padding-grid-right { padding-right: 12px; } .padding-grid-half { padding: 6px; } .padding-grid-half-v { padding: 6px 0; } .padding-grid-half-h { padding: 0 6px; } .padding-grid-half-no-top { padding: 0 6px 6px 6px; } .padding-grid-half-no-bottom { padding: 6px 6px 0 6px; } .padding-grid-half-no-left { padding: 6px 6px 6px 0; } .padding-grid-half-no-right { padding: 6px 0 6px 6px; } .padding-grid-half-top { padding-top: 6px; } .padding-grid-half-bottom { padding-bottom: 6px; } .padding-grid-half-left { padding-left: 6px; } .padding-grid-half-right { padding-right: 6px; } .padding-interface { padding: 50px 80px 24px 24px; } .padding-interface-top { padding-top: 50px; } .padding-interface-right { padding-right: 80px; } .margin-top { margin-top: 24px; } .margin-bottom { margin-bottom: 24px; } .margin-left { margin-left: 24px; } .margin-right { margin-right: 24px; } /*------------------------------------------------------------------------------------ Titles */ .title-style { font-size: 22px; line-height: 1.1; } /*------------------------------------------------------------------------------------ Links */ .link-style { text-decoration: none; cursor: pointer; } /*------------------------------------------------------------------------------------ Buttons */ .button-style { padding: 15px 40px; text-decoration: none; cursor: pointer; display: inline-block; } /*------------------------------------------------------------------------------------ Text */ .upper { text-transform: uppercase; } .lower { text-transform: lowercase; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } /*------------------------------------------------------------------------------------ Border */ .border { border-width: 1px; border-style: solid; } .border-2 { border-width: 2px; border-style: solid; } .border-3 { border-width: 3px; border-style: solid; } .border-top { border-top-width: 1px; border-top-style: solid; } .border-top-2 { border-top-width: 2px; border-top-style: solid; } .border-top-3 { border-top-width: 3px; border-top-style: solid; } .border-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .border-bottom-2 { border-bottom-width: 2px; border-bottom-style: solid; } .border-bottom-3 { border-bottom-width: 3px; border-bottom-style: solid; } .border-left { border-left-width: 1px; border-left-style: solid; } .border-left-2 { border-left-width: 2px; border-left-style: solid; } .border-left-3 { border-left-width: 3px; border-left-style: solid; } .border-right { border-right-width: 1px; border-right-style: solid; } .border-right-2 { border-right-width: 2px; border-right-style: solid; } .border-right-3 { border-right-width: 3px; border-right-style: solid; } /*------------------------------------------------------------------------------------ Editor content */ .editor-content { font-size: 14px; line-height: 1.6; } .editor-content div, .editor-content p { font-size: 14px; line-height: 1.6; margin-bottom: 12px; } .editor-content div:last-child, .editor-content p:last-child { margin-bottom: 0; } .editor-content a:hover { opacity: 0.6; } /*------------------------------------------------------------------------------------ Global */ body { font-size: 14px; } /*------------------------------------------------------------------------------------ Home page */ .home-page { width: 100%; height: 100vh; } .home-page .content { width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .home-page .content .logo { width: 200px; margin-bottom: 20px; } .home-page .content .subtitle { margin-bottom: 120px; font-size: 14px; } /*------------------------------------------------------------------------------------ Join page */ .join-page .left .logo { width: 120px; } .join-page .right .head .title { font-size: 60px; margin-bottom: 10px; } .join-page .right .form .user-registration { border: none; padding: 0; } .join-page .right .form .user-registration .ur-form-grid { padding: 0; } .join-page .right .form .ur-form-grid { margin-bottom: 0; } .join-page .right .form .ur-field-item { margin-bottom: 30px; } .join-page .right .form .ur-field-item:last-child { margin-bottom: 30px; } .join-page .right .form .ur-field-item label { margin-top: 0; margin-bottom: 0; padding: 10px 0 2px; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; font-weight: normal; } .join-page .right .form .ur-field-item label .required { display: none; } .join-page .right .form .ur-field-item .input-wrapper { display: block; } .join-page .right .form .ur-field-item .input-text { border: none; border-bottom-style: solid; border-bottom-width: 1px; padding: 0 !important; opacity: 0.25; } .join-page .right .form .ur-field-item .input-text::placeholder { color: black; } .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview { right: 0; font-size: 16px; } .join-page .right .form .ur-field-item .input-wrapper.filled .input-text { opacity: 1; } .join-page .right .form .ur-field-item .select { border: none; border-bottom-style: solid; border-bottom-width: 1px; padding: 4px 0 !important; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 0px top 55%; } .join-page .right .form .ur-button-container { padding: 0; margin: 0 0 0 12px; } .join-page .right .form .ur-button-container .button { padding: 10px 0; margin: 0; background-color: transparent; font-size: 16px; position: relative; box-shadow: none; color: black; } .join-page .right .form .ur-button-container .button:hover { color: #ed8f27; } .join-page .right .form .ur-button-container .button:after { content: ''; border-bottom-style: solid; border-bottom-width: 1px; position: absolute; right: -90px; bottom: 45%; width: 80px; color: black; } .join-page .right .form .ur-button-container .button:hover:after { right: -120px; width: 110px; } .user-registration-message { display: none !important; opacity: 0 !important; position: absolute; left: -999999; top: -999999; } .join-page .right .form .ur-field-item label.user-registration-error { text-transform: none; letter-spacing: 0; background-color: transparent; padding-top: 4px; transform: translateY(-12px); } .join-page .right .form .ur-field-item label.user-registration-error:before { font-size: calc(100% + 7px); margin-right: 4px; transform: translateY(-1px); } /*------------------------------------------------------------------------------------ Thank you page */ .thanks-page { width: 100%; height: 100vh; } .thanks-page .content { width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .thanks-page .content .title { font-size: 60px; margin-bottom: 50px; } .thanks-page .content .subtitle { margin-bottom: 160px; } @media(min-width: 800px){ /* -------------------------------------------- */ /*------------------------------------------ Switches */ .mob-only { display: none; } .tab-only { display: block; } .lap-only { display: none; } .des-only { display: none; } .mob-off { display: block; } .tab-off { display: none; } .lap-off { display: block; } .des-off { display: block; } /*------------------------------------------ Global - Padding and margin */ .padding { padding: 30px; } .padding-v { padding: 30px 0; } .padding-h { padding: 0 30px; } .padding-no-top { padding: 0 30px 30px 30px; } .padding-no-bottom { padding: 30px 30px 0 30px; } .padding-no-left { padding: 30px 30px 30px 0; } .padding-no-right { padding: 30px 0 30px 30px; } .padding-top { padding-top: 30px; } .padding-bottom { padding-bottom: 30px; } .padding-left { padding-left: 30px; } .padding-right { padding-right: 30px; } .padding-grid { padding: 15px; } .padding-grid-v { padding: 15px 0; } .padding-grid-h, .ur-field-item { padding: 0 15px; } .padding-grid-no-top { padding: 0 15px 15px 15px; } .padding-grid-no-bottom { padding: 15px 15px 0 15px; } .padding-grid-no-left { padding: 15px 15px 15px 0; } .padding-grid-no-right { padding: 15px 0 15px 15px; } .padding-grid-top { padding-top: 15px; } .padding-grid-bottom { padding-bottom: 15px; } .padding-grid-left { padding-left: 15px; } .padding-grid-right { padding-right: 15px; } /*------------------------------------------------------------------------------------ Global */ .limit-content { max-width: 400px; } /*------------------------------------------------------------------------------------ Join page */ .join-page .page-wrapper { padding-left: 340px; } .join-page .page-wrapper .left { width: 340px; position: fixed; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; justify-content: space-between; } .join-page .page-wrapper .right { padding-top: 100px; } .join-page .right .form .ur-button-container { padding: 0; margin: 0 0 0 15px; } } @media(min-width: 1000px){ /* -------------------------------------------- */ /*------------------------------------------ Switches */ .mob-only { display: none; } .tab-only { display: none; } .lap-only { display: block; } .des-only { display: none; } .mob-off { display: block; } .tab-off { display: block; } .lap-off { display: none; } .des-off { display: block; } .big-only { display: block; } .big-off { display: none; } /*------------------------------------------ Global - Padding and margin */ .padding { padding: 40px; } .padding-v { padding: 40px 0; } .padding-h { padding: 0 40px; } .padding-no-top { padding: 0 40px 40px 40px; } .padding-no-bottom { padding: 40px 40px 0 40px; } .padding-no-left { padding: 40px 40px 40px 0; } .padding-no-right { padding: 40px 0 40px 40px; } .padding-top { padding-top: 40px; } .padding-bottom { padding-bottom: 40px; } .padding-left { padding-left: 40px; } .padding-right { padding-right: 40px; } .padding-grid { padding: 20px; } .padding-grid-v { padding: 20px 0; } .padding-grid-h, .ur-field-item { padding: 0 20px; } .padding-grid-no-top { padding: 0 20px 20px 20px; } .padding-grid-no-bottom { padding: 20px 20px 0 20px; } .padding-grid-no-left { padding: 20px 20px 20px 0; } .padding-grid-no-right { padding: 20px 0 20px 20px; } .padding-grid-top { padding-top: 20px; } .padding-grid-bottom { padding-bottom: 20px; } .padding-grid-left { padding-left: 20px; } .padding-grid-right { padding-right: 20px; } /*------------------------------------------------------------------------------------ Join page */ .join-page .page-wrapper { padding-left: calc(100vw / 3); } .join-page .page-wrapper .left { width: calc(100vw / 3); } .join-page .page-wrapper .right { padding-top: 110px; } .join-page .right .form .ur-button-container { margin: 0 0 0 20px; } } @media(min-width: 1200px){ /* -------------------------------------------- */ /*------------------------------------------ Switches */ .mob-only { display: none; } .tab-only { display: none; } .lap-only { display: none; } .des-only { display: block; } .mob-off { display: block; } .tab-off { display: block; } .lap-off { display: block; } .des-off { display: none; } /*------------------------------------------ Global - Padding and margin */ .padding { padding: 50px; } .padding-v { padding: 50px 0; } .padding-h { padding: 0 50px; } .padding-no-top { padding: 0 50px 50px 50px; } .padding-no-bottom { padding: 50px 50px 0 50px; } .padding-no-left { padding: 50px 50px 50px 0; } .padding-no-right { padding: 50px 0 50px 50px; } .padding-top { padding-top: 50px; } .padding-bottom { padding-bottom: 50px; } .padding-left { padding-left: 50px; } .padding-right { padding-right: 50px; } .padding-grid { padding: 25px; } .padding-grid-v { padding: 25px 0; } .padding-grid-h, .ur-field-item { padding: 0 25px; } .padding-grid-no-top { padding: 0 25px 25px 25px; } .padding-grid-no-bottom { padding: 25px 25px 0 25px; } .padding-grid-no-left { padding: 25px 25px 25px 0; } .padding-grid-no-right { padding: 25px 0 25px 25px; } .padding-grid-top { padding-top: 25px; } .padding-grid-bottom { padding-bottom: 25px; } .padding-grid-left { padding-left: 25px; } .padding-grid-right { padding-right: 25px; } /*------------------------------------------------------------------------------------ Join page */ .join-page .page-wrapper .right { padding-top: 120px; } .join-page .right .form .ur-button-container { margin: 0 0 0 25px; } } @media(min-width: 1400px){ /* -------------------------------------------- */ /*------------------------------------------ Global - Padding and margin */ .padding { padding: 60px; } .padding-v { padding: 60px 0; } .padding-h { padding: 0 60px; } .padding-no-top { padding: 0 60px 60px 60px; } .padding-no-bottom { padding: 60px 60px 0 60px; } .padding-no-left { padding: 60px 60px 60px 0; } .padding-no-right { padding: 60px 0 60px 60px; } .padding-top { padding-top: 60px; } .padding-bottom { padding-bottom: 60px; } .padding-left { padding-left: 60px; } .padding-right { padding-right: 60px; } .padding-grid { padding: 30px; } .padding-grid-v { padding: 30px 0; } .padding-grid-h, .ur-field-item { padding: 0 30px; } .padding-grid-no-top { padding: 0 30px 30px 30px; } .padding-grid-no-bottom { padding: 30px 30px 0 30px; } .padding-grid-no-left { padding: 30px 30px 30px 0; } .padding-grid-no-right { padding: 30px 0 30px 30px; } .padding-grid-top { padding-top: 30px; } .padding-grid-bottom { padding-bottom: 30px; } .padding-grid-left { padding-left: 30px; } .padding-grid-right { padding-right: 30px; } /*------------------------------------------------------------------------------------ Join page */ .join-page .page-wrapper .right { padding-top: 120px; } .join-page .right .form .ur-button-container { margin: 0 0 0 30px; } } @media(hover: hover) { /* -------------------------------------------- */ /*------------------------------------------ Switches */ .hover-only { display: block; } .hover-off { display: none; } }