/* Theme Name: Innovate Salon Academy 2019 Theme URI: http://palm.oozlethemes.com Author: Oozle Media, Cheryl Montgomery Author URI: http://www.oozlethemes.com Description: One of our most popular themes, Palm is great for clients who want a contemporary feel with a contact form above the fold, and emphasis on offered programs/services on the homepage. This theme works great for companies that have a lot of big, colorful images that they want to showcase on the homepage. Before/After photos of your services, photo galleries of clients, or even just stock photos depicting your particular business. Version: 1.0 Text Domain: oozlepalm */ /* font-family: 'Roboto', sans-serif; */ :root { /* Testimonials */ --testimonials-bg-color: #958f8f54; --testimonials-heading-color: #000; --testimonials-heading-border-color: #CE2026; --testimonials-font-color: #000; --testimonials-review-font-family: 'Roboto', sans-serif; --testimonials-review-font-weight: 400; --testimonials-review-font-size: 18px; --testimonials-review-line-height: 22.58px; --testimonials-cite-font-color: #000; --testimonials-cite-font-size: 20px; --testimonials-cite-font-weight: 700; --testimonials-cite-font-line-height: 1.05; --testimonials-cite-font-style: normal; --testimonials-cite-font-family: 'Roboto', sans-serif; --testimonials-dots-border-color: #950ccc; --testimonials-dots-active: #950ccc; } * { box-sizing:border-box; margin:0; padding:0; line-height:inherit; font-size:inherit; vertical-align:baseline; font:inherit; border:0; outline:0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } html { overflow: -moz-scrollbars-vertical; overflow-x: hidden;} body { margin:0; padding:0; font-size:3.75vw; font-family: 'Roboto', sans-serif; color:#5b5b5b; font-weight:400; line-height:1.5em; overflow-x:hidden } /******************/ /* DEFAULT STYLES */ /******************/ p { margin:0 0 1.75em; } p:last-child { margin:0; } em, i { font-style:italic; } strong, b { font-weight:700; } sup { font-size:.5em; vertical-align:super; } sub { font-size:.5em; vertical-align:sub; } cite { font-style:italic; font-weight:700; } small { font-size:.7em; } code { font-family:monospace; font-size:.75em; line-height:1em; } pre { clear:both; margin:0 0 1.5em; border:2px dashed #CCC; background:#EFEFEF; padding:.5em 1em; } mark { background:#F3F2E9; display:inline-block; padding:0 .5em; } address { display:block; font-style:italic; margin:0 0 .75em; } blockquote { padding:.75em 1em; font-size:1.5em; margin:1em 0; text-align:center; position:relative; } blockquote::before { content:" "; position:absolute; left:25%; top:-3px; height:3px; background:#FE414F; width:50%; } blockquote::after { content:" "; position:absolute; left:25%; bottom:-3px; height:3px; background:#FE414F; width:50%; } blockquote p { font-size:1em; line-height:1.25em; margin:0; font-family: 'Roboto', sans-serif; } /* Link Styles */ a { text-decoration:none; color:#950ccc; } a:hover { text-decoration:none; color:#000; } a.button, a.fancybox, .lash-ext input.button { background: rgba(149,12,204,0.8); text-transform:uppercase; padding:.75em 1em; line-height:1.35em; font-size:.77em; border-radius:5px; display:inline-block; color:#FFF; font-weight:600; letter-spacing:1px; text-align:center; min-width:16em; cursor: pointer; } a.button:hover, a.fancybox:hover { background: rgba(255, 61, 176, 1.0); ; } /* Headings */ h1, h2, h3, h4, h5 { font-weight:400; line-height:1.15em; margin:0 0 .5em; font-family: 'Roboto', sans-serif; } h1 { font-size:2.5em; font-weight: 300; color: #000; padding-bottom: .8em; position: relative; text-align:center; } h1:before { content: ""; position: absolute; height: 25px; width: 25px; background-color: #2b1782; border-radius: 50%; display: inline-block; left: 49%; bottom: 0; } .barber h1:before { display: none; } h1 span.purple { color: #950ccc; text-transform: uppercase; font-weight: 500; } h2 { color: #000; font-size:2em; background: url(images/h2-underline.png) no-repeat center bottom; text-align:center; padding-bottom: 0.5em; } h2 span { color: #950ccc; text-transform: uppercase; font-weight: 500; } h3 { font-size:1.5em; } h4 { font-size:1.25em; } h5 { font-size:1em; text-transform:uppercase; font-weight:bold; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child { margin-bottom:0; } h1 .subheading, h2 .subheading, h3 .subheading { font-size:.65em; display:inline-block; width:100%; } /* List Elements */ ol, ul { margin:0 auto 1.75em; padding:0 .75em 0 1.75em; text-align:left; display:inline-block; } li { line-height:1.35em; margin:0 0 .75em; position:relative; } li:last-child { margin:0; } ul li { list-style:none; margin:0 1em .75em 0; } ul li::before { position:absolute; top:0; left:-1em; content: "\2022"; font-size:1em; color:#950ccc; } li ul, li ol { display:block; margin:.5em 1.75em 0 0; } /* Definition List */ dl { display: block; margin: 1em 0; } dt { display: block; } dd { margin: 0; padding: 0 0 0.5em 0; } /* Image Styles */ img { border:0; vertical-align:middle; max-width:100%; max-height:100%; width:auto; height:auto; } .alignright, .alignleft, .aligncenter { display:block; margin:1.5em auto; max-width:100%; } .wp-caption img { margin:0 0 3px; } .wp-caption { max-width:100%; border:1px solid #C2C2C2; padding:3px; } .wp-caption-text { font-size:.7em; font-weight:500; text-align:center; background:#EFEFEF; line-height:1.25em; margin:0; padding:.25em .5em; color:#000; } /* HTML Elements */ iframe { max-width:100%; margin:0 auto 1em; display:block; } hr { width:85%; border-top:1px solid #FE414F; clear:both; margin:.25em auto 1.75em; height:0; } /* Tables */ table { width:100%; border-collapse:collapse; border:0; font-size:.8em; table-layout:fixed; margin:0 0 1.5em; } th h1, th h2, th h3, th h4 { color:#FFF; font-size:1em; } table th { color:#FFF; background:#CCC; padding:.25em .75em; vertical-align:middle; text-transform:uppercase; font-weight:bold; } td { padding:1em; font-size:.9em; line-height:1.25em; color:#000; } table tr:nth-child(odd) { background:#EFEFEF; } /* Fancybox Styles */ .fancybox-slide--iframe .fancybox-content { max-width:400px!important; width:90%!important; } /* Responsive Table */ table.dupe { display:none; } .tabular { width:100%; font-size:.8em; margin:1em 0 1.5em; line-height:1.25em; } .tabular .tg_group { width:100%; padding:0 0 1em; margin:0 0 1em; border-bottom:2px solid #CCC; } .tabular .tg_group .tg_row { width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; align-items:center; align-content:center; padding:.75em 0; color:#373738; background:#F7F7F7; } .tabular .tg_group .tg_row label { max-width:30%; width:30%; float:left; padding:.75em; background:#CCC; color:#FFF; text-transform:uppercase; margin:0 0 0 -.5em; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; justify-content:center; align-items:center; align-content:center; text-align:center; letter-spacing:1px; font-weight:700; line-height:1.25em; } .tabular .tg_group .tg_row span { display:block; max-width:70%; width:70%; float:right; padding:.5em 1em; } .tabular .tg_group .tg_row:nth-child(even) { background:#FFF; } /* Form Elements */ ::-webkit-input-placeholder { color:#0A0A0A; } :-moz-placeholder { color:#0A0A0A; } ::-moz-placeholder { color:#0A0A0A; } :-ms-input-placeholder { color:#0A0A0A; } input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ input[type=email], input[type=tel], input[type=text], select, textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:2.75em;border:1px solid #4D6A68;color:#0A0A0A;padding:0 1em;font-size:1em;background:#FFF;max-width:100%;width:100%;margin:0;font-weight:300;} input[type=submit] { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#ede516; line-height:2.75em; color:#000; padding:0 2em; margin:0 auto; display:inline-block; border:0; font-weight:500; cursor:pointer; text-transform:uppercase; text-align:center; border-radius:0; width:100%; } .lash-ext input[type=submit] { width:unset; } input[type=submit]:hover { background:#000; color:#FFF; } select { background:#FFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABGCAYAAACDkrchAAAA60lEQVRoge3Wy00CARSG0QOxCRuaMuzCVxBIfD9owyZYuqQOE9twMS4kI8I8wfifDZMMufd+uyEiIiIiIiIiIiIi4m8ZLZfLY5wMsOu1KIr3vpcc4QMjPPS4Z47eY2D89fuIy552zHHd0+yK8bfnPqIGjWE9iDLqoqPZMwPHUA2CJ+2jZrhpOaORn4Ioo84bzpzaUwybg+BZ/agpbpuf095vQdSL2nsM24Moo862/OfKAcSwWxC84HTDuwnuujmnvV2DYKEaNcF9d+e0VyeI9aiDi6H8lqtrgTesOr4lIiIiIiIiIiIiIuJf+gSZuiAYL70G2AAAAABJRU5ErkJggg==') right center no-repeat; background-size:auto 100%; padding:0 2em 0 1em; cursor:pointer; } textarea { height:6.7em; line-height:1.5em; padding:1em; } input:focus, textarea:focus { border:2px solid #4D4BFC; } /* Gravity Forms */ .wysiwyg .gform_wrapper { max-width:475px; background:#EFEFEF; margin:0 auto; padding:1em; } ul.gform_fields { margin:0; padding:0; display:block; text-align:left; } ul.gform_fields .gfield { margin:0 0 .5em; padding:0; display:block; background:none; width:100%; float:left; } ul.gform_fields li::before { display:none; } ul.gform_fields .gfield.disclaimer { font-size:.8em; line-height:1em; color:#000; } ul.gform_fields .gfield.left { width:49%; } ul.gform_fields .gfield.right { width:49%; float:right; } ul.gform_fields .gfield.agree label { font-size:12px; } ul.gform_fields .gfield.full-name { margin:0; } ul.gform_fields .gfield.gform_hidden, ul.gform_fields .gfield.hide, ul.gform_fields .gfield.gfield_visibility_hidden, ul.gform_fields .gform_validation_container { display:none; margin:0; } .gfield_label { display:none; } .gform_footer { text-align:center; } .ginput_complex label { display:none; } .ginput_complex span { display:inline-block; width:100%; margin:0 0 .75em; } .ginput_complex span.address_city { width:73%; margin:0 2% .75em 0; } .ginput_complex span.address_state { width:25%; } .ginput_complex.ginput_container_email .ginput_left { width:48%; float:left; } .ginput_complex.ginput_container_email .ginput_right { width:48%; float:right; } .lash-form .gform_wrapper { max-width: 720px; padding: 2em 1.2em; } .ui-datepicker { color:#FFF; background-color:#efeeef; width:320px; padding:1em; border:1px solid #d8d8d8; } select.ui-datepicker-month {width:50%; } select.ui-datepicker-year { width:50%; } .ui-datepicker-title { margin-bottom:1em; } span.ui-icon.ui-icon-circle-triangle-e { float:right; } /* Custom Radio and Checkbox Inputs */ .gfield_radio, .gfield_checkbox { margin:0; display:inline-block; } .gfield_radio label, .gfield_checkbox label { cursor:pointer; color:#000; } .gfield_radio li, .gfield_checkbox li { margin:0 0 .35em; background:none; padding:0; display:block; } .gfield_selector label.gfield_label { display:block; color:#383838; margin:0 0 .25em; font-size:1.1em; } .gform_wrapper li.gfield input, .gform_wrapper li.gfield select { border: 1px solid #e5e5e5; border-radius: 5px; } .gform_wrapper input[type=radio] { display:none; } .gform_wrapper input[type=radio] ~ label { line-height:25px; } .gform_wrapper input[type=radio] ~ label span { display:inline-block; width:25px; height:25px; margin:0 8px 0 0; vertical-align:middle; cursor:pointer; -moz-border-radius:100em; border-radius:100em; background:#FFF; position:relative; border:2px solid #383838; } .gform_wrapper input[type=radio]:checked ~ label span:before { position:absolute; left:-6px; top:-6px; width:25px; box-sizing:border-box; border-radius:100em; height:25px; border:2px solid #383838; content:" "; } .gform_wrapper input[type=radio]:checked ~ label span { border:6px solid #FFF; background:#000; } .gform_wrapper input[type=checkbox] { display:none; } .gform_wrapper input[type=checkbox] ~ label { line-height:25px; } .gform_wrapper input[type=checkbox] ~ label span { display:inline-block; width:25px; height:25px; margin:0 8px 0 0; vertical-align:middle; cursor:pointer; background:#FFF; border:2px solid #383838; } .gform_wrapper input[type=checkbox]:checked ~ label span { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAkElEQVQokZXPMQ4BURQF0CMKhVah0KrEFjQSa9AIjS2ISiLRqCxDaw9aK9BZAIlCwySjeRMTMTJzu5/7zsv7VEsduyqgiQPSsqCNU4BrGdDHJcAZ3awYYPoDjHAPcEQrKzp4IMEkB+Z4Bdij8b1xGWWCMbbxTrFBrej2VW4wxROz4q9+sg5ww7AMyLJA79/AGxMQH0iXpCMwAAAAAElFTkSuQmCC'); background-position:center center; background-repeat:no-repeat; } /* Gravity Form - Custom Validation Messages */ .gform_wrapper .validation_error { display: none; } .gform_wrapper .validation_message:empty { display:none; } .gform_wrapper .gform_validation_container { display:none!important; } .gform_wrapper li.gfield .LV_invalid_field { border:1px solid #F00; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwNy40OTQsNDI2LjA2NkwyODIuODY0LDUzLjUzN2MtNS42NzctOS40MTUtMTUuODctMTUuMTcyLTI2Ljg2NS0xNS4xNzJjLTEwLjk5NSwwLTIxLjE4OCw1Ljc1Ni0yNi44NjUsMTUuMTcyICAgIEw0LjUwNiw0MjYuMDY2Yy01Ljg0Miw5LjY4OS02LjAxNSwyMS43NzQtMC40NTEsMzEuNjI1YzUuNTY0LDkuODUyLDE2LjAwMSwxNS45NDQsMjcuMzE1LDE1Ljk0NGg0NDkuMjU5ICAgIGMxMS4zMTQsMCwyMS43NTEtNi4wOTMsMjcuMzE1LTE1Ljk0NEM1MTMuNTA4LDQ0Ny44MzksNTEzLjMzNiw0MzUuNzU1LDUwNy40OTQsNDI2LjA2NnogTTI1Ni4xNjcsMTY3LjIyNyAgICBjMTIuOTAxLDAsMjMuODE3LDcuMjc4LDIzLjgxNywyMC4xNzhjMCwzOS4zNjMtNC42MzEsOTUuOTI5LTQuNjMxLDEzNS4yOTJjMCwxMC4yNTUtMTEuMjQ3LDE0LjU1NC0xOS4xODYsMTQuNTU0ICAgIGMtMTAuNTg0LDAtMTkuNTE2LTQuMy0xOS41MTYtMTQuNTU0YzAtMzkuMzYzLTQuNjMtOTUuOTI5LTQuNjMtMTM1LjI5MkMyMzIuMDIxLDE3NC41MDUsMjQyLjYwNSwxNjcuMjI3LDI1Ni4xNjcsMTY3LjIyN3ogICAgIE0yNTYuNDk4LDQxMS4wMThjLTE0LjU1NCwwLTI1LjQ3MS0xMS45MDgtMjUuNDcxLTI1LjQ3YzAtMTMuODkzLDEwLjkxNi0yNS40NywyNS40NzEtMjUuNDdjMTMuNTYyLDAsMjUuMTQsMTEuNTc3LDI1LjE0LDI1LjQ3ICAgIEMyODEuNjM4LDM5OS4xMSwyNzAuMDYsNDExLjAxOCwyNTYuNDk4LDQxMS4wMTh6IiBmaWxsPSIjRDgwMDI3Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); background-repeat:no-repeat; background-position: 95% center; background-size:1em auto; } .gform_wrapper li.gfield .validation_message { display:none; } #gform_15 .field_sublabel_below .gfield_label { text-align: left; font-size: 0.8em; padding-bottom: 0; font-weight: 500; margin: 15px 0 5px 0; display: inline-block;} #gf_progressbar_wrapper_15 { margin-bottom: 30px; } .gform_wrapper li.gfield.gfield_error input, .gform_wrapper li.gfield.gfield_error .ginput_container_radio, .gform_wrapper li.gfield.gfield_error .ginput_container_checkbox { border: 1px solid #F00; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwNy40OTQsNDI2LjA2NkwyODIuODY0LDUzLjUzN2MtNS42NzctOS40MTUtMTUuODctMTUuMTcyLTI2Ljg2NS0xNS4xNzJjLTEwLjk5NSwwLTIxLjE4OCw1Ljc1Ni0yNi44NjUsMTUuMTcyICAgIEw0LjUwNiw0MjYuMDY2Yy01Ljg0Miw5LjY4OS02LjAxNSwyMS43NzQtMC40NTEsMzEuNjI1YzUuNTY0LDkuODUyLDE2LjAwMSwxNS45NDQsMjcuMzE1LDE1Ljk0NGg0NDkuMjU5ICAgIGMxMS4zMTQsMCwyMS43NTEtNi4wOTMsMjcuMzE1LTE1Ljk0NEM1MTMuNTA4LDQ0Ny44MzksNTEzLjMzNiw0MzUuNzU1LDUwNy40OTQsNDI2LjA2NnogTTI1Ni4xNjcsMTY3LjIyNyAgICBjMTIuOTAxLDAsMjMuODE3LDcuMjc4LDIzLjgxNywyMC4xNzhjMCwzOS4zNjMtNC42MzEsOTUuOTI5LTQuNjMxLDEzNS4yOTJjMCwxMC4yNTUtMTEuMjQ3LDE0LjU1NC0xOS4xODYsMTQuNTU0ICAgIGMtMTAuNTg0LDAtMTkuNTE2LTQuMy0xOS41MTYtMTQuNTU0YzAtMzkuMzYzLTQuNjMtOTUuOTI5LTQuNjMtMTM1LjI5MkMyMzIuMDIxLDE3NC41MDUsMjQyLjYwNSwxNjcuMjI3LDI1Ni4xNjcsMTY3LjIyN3ogICAgIE0yNTYuNDk4LDQxMS4wMThjLTE0LjU1NCwwLTI1LjQ3MS0xMS45MDgtMjUuNDcxLTI1LjQ3YzAtMTMuODkzLDEwLjkxNi0yNS40NywyNS40NzEtMjUuNDdjMTMuNTYyLDAsMjUuMTQsMTEuNTc3LDI1LjE0LDI1LjQ3ICAgIEMyODEuNjM4LDM5OS4xMSwyNzAuMDYsNDExLjAxOCwyNTYuNDk4LDQxMS4wMTh6IiBmaWxsPSIjRDgwMDI3Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: 95% center; background-size: 1em auto;} /* Layout Styles*/ .layer { width:100%; position:relative; clear:both; } .wrapper { width:100%; position:relative; clear:both; margin:0 auto; max-width:960px; padding:0 2em; } .desktop { display:none; } .mobile { display:block; } /**********************/ /* POPUP CONTACT FORM */ /**********************/ #request-info { display:none; padding:1em; background:#FFF; max-width:450px; } /*****************/ /* PHONE NUMBERS */ /*****************/ #phone-numbers { display:none; padding:3em 2em 1em; background:#000; width:95%; } #phone-numbers a { display:block; margin:0 auto 1em; overflow:auto; color:#FFF; } #phone-numbers span { display:inline-block; width:45%; float:left; line-height:1.5em; } #phone-numbers span.number { font-size:1.25em; float:right; width:50%; font-weight:700; text-align:right; } /**********/ /* HEADER */ /**********/ #header { background:#FFF; z-index:9999; } #header .wrapper { height:9em; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; justify-content:space-around; max-width:1200px; } #header .wrapper .logo { width:60%; height:100%; float:left; } #header .wrapper .logo a { display:block; width:100%; height:100%; position:relative; } #header .wrapper .logo img { position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; max-width:95%; max-height:80%; } /* MOBLE MENU/CALL */ #header .wrapper .cta { width:40%; height:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; justify-content: flex-end; float:right; } #header .wrapper .cta a { display:block; width: 30%; height:100%; background-size:80% auto; background-position:center center; background-repeat:no-repeat; background-color:#FFF; } #header .wrapper .cta a.call { background-image:url("images/call-bg.png"); } #header .wrapper .cta a.menu { background-image:url("images/menu-bg.png"); background-size: auto 20%;} /* DESKTOP CTAS */ #header .ctas { float:right; height:50px; overflow:hidden; position:absolute; top:0; right:0; max-width:900px; } #header .ctas a { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:center; margin:0 .5em; padding:5px 20px; font-size:24px; text-align:center; border-radius:0 0 5px 5px; float:left; height:48px; line-height:1em; background-color:#FFF; text-transform: uppercase; } #header .ctas a.contact { background:#950ccc; color:#fff; } #header .ctas a.contact:hover { background:rgba(255, 61, 176, 1.0); color:#FFF; } #header .ctas a.phone { font-weight:bold; border:2px solid #494848; border-top:0; color:#494848; } #header .ctas a.phone span { display:block; width:100%; margin:0; padding:0; } #header .ctas a.phone span.title { font-size:13px; line-height:16px; } /* MOBILE CTA */ #cta .wrapper { background: #950ccc; } #cta a { display:block; width:100%; line-height:2.5em; font-size:1.5em; text-align:center; color:#FFF; border-radius:10px; } #cta .wrapper a { text-transform: uppercase; font-weight: 700; } #cta .wrapper:hover { background: rgba(255, 61, 176, 1.0); } #cta a:hover { background: rgba(255, 61, 176, 1.0); } /* MOBILE NAV */ #mmenu {display:none; z-index:999999; } #mmenu .menu-item { background:none; } #mmenu.mm-opened { display:block; } /* DESKTOP NAV */ #nav { display:none; z-index:9999; overflow:visible; background-color:#FFF; width:100%; position:relative; clear:both; font-size:14px; text-transform:uppercase; font-weight:500; } #nav li::before { display:none; } #nav .menu-primary { margin: 0 auto; padding: 0; width: 100%; max-width: 1200px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; flex-flow: row wrap; } #nav .menu-primary li { display:inline-block; position:relative; margin:0; padding:0 10px; background:none; } #nav .menu-primary li a, #nav .menu-primary span.placeholder { padding:0 10px; color:#040707; display:inline-block; height:40px; line-height:40px; width:100%; position:relative; } #nav .menu-primary > li.menu-item-has-children { padding:0 10px 0 10px; } #nav .menu-primary li.menu-item-has-children > a, #nav .menu-primary li.menu-item-has-children > span.placeholder { padding:0 19px 0 10px; } #nav .menu-primary li.menu-item-has-children > span.placeholder { cursor:default; } #nav .menu-primary li:hover { background:#950ccc; } #nav .menu-primary li:hover > a, #nav .menu-primary li:hover > span.placeholder { color:#FFF; } /* SUB MENU */ #nav .menu-primary ul.sub-menu { display:none; position:absolute; top:100%; left:0; margin:0; padding:0; background:#FFF; width:300px; box-shadow:3px 3px 4px rgba(0,0,0,.25); } #nav .menu-primary li:last-child ul.sub-menu { left:auto; right:0; } #nav .menu-primary ul.sub-menu li { width:100%; margin:0; padding:0; position:relative; background:#FFF; } #nav .menu-primary ul.sub-menu li a, #nav .menu-primary ul.sub-menu li span.placeholder { color:#040707; padding:8px 20px 3px; height:auto; line-height:25px; border-bottom:1px solid rgba(149,12,204,.25); } #nav .menu-primary ul.sub-menu li:last-child a, #nav .menu-primary ul.sub-menu li:last-child span.placeholder { border-bottom:0; } #nav .menu-primary ul.sub-menu li:hover { background:#950ccc; } #nav .menu-primary ul.sub-menu li:hover > a, #nav .menu-primary ul.sub-menu li:hover > span.placeholder { color:#FFF; } #nav .menu-primary ul.sub-menu ul.sub-menu { top:0; left:100%; display:none; } #nav .menu-primary ul.sub-menu li.menu-item-has-children > a, #nav .menu-primary ul.sub-menu li.menu-item-has-children > span.placeholder { line-height:25px; padding:8px 17px 8px 0; } #nav .menu-primary ul.sub-menu li.menu-item-has-children > span.placeholder{padding-left:20px} /* MENU ARROWS */ #nav .menu-primary .menu-item-has-children > .placeholder .menu-arrow, #nav .menu-primary .menu-item-has-children > a .menu-arrow { position:absolute; right:0; top:-1px; height:100%; display:block; width:10px; } #nav .menu-primary .menu-item-has-children > .placeholder .menu-arrow:after, #nav .menu-primary .menu-item-has-children > a .menu-arrow:after { top:50%; left:0; border: solid transparent; content: " "; height:0; width:0; position: absolute; pointer-events: none; border-color: rgba(0, 55, 104, 0); border-top-color: #950ccc; border-width:5px; margin:-3px 0 0; } #nav .menu-primary .menu-item-has-children:hover > .placeholder .menu-arrow:after, #nav .menu-primary .menu-item-has-children:hover > a .menu-arrow:after { border-top-color:#FFF; } #nav .menu-primary ul.sub-menu .menu-item-has-children > .placeholder .menu-arrow:after, #nav .menu-primary ul.sub-menu .menu-item-has-children > a .menu-arrow:after { left:auto; right:0; border: solid transparent; border-color: rgba(0, 55, 104, 0); border-left-color: #950ccc; border-width:5px; margin:-6px 0 0; } #nav .menu-primary ul.sub-menu .menu-item-has-children:hover > .placeholder .menu-arrow:after, #nav .menu-primary ul.sub-menu .menu-item-has-children:hover > a .menu-arrow:after { border-left-color:#FFF; } /*************************/ /* PAGE CONTENT ELEMENTS */ /*************************/ /* Banner Heading */ .banner-heading { text-align: center; width: 100%; color: #fff; padding: 10px; background: #950ccc; border-top: 1px solid; font-size: 20px; line-height: 30px; } .banner-heading a { color: #fff; border: 1px solid; padding: 3px 10px; border-radius: 4px; margin-left: 10px; display: inline-block; font-size: 16px; line-height: normal; } .banner-heading a:hover { background: rgba(255, 61, 176, 1.0);border-color: rgba(255, 61, 176, 1.0);} /* SLIDESHOW NAV */ .slick-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; margin:0 0 1em; padding:0; display:block; } .slick-dots li { display:inline-block; width:1em; height:1em; overflow:hidden; margin:0 5px; padding:0; background:none; } .slick-dots li button { display:block; background:#FFF; border:2px solid #67B0A7; border-radius:100em; box-shadow:none; text-indent:100em; overflow:hidden; width:100%; height:100%; cursor:pointer; } .slick-dots li.slick-active button { background:#67B0A7; border:1px solid #67B0A7; } .slick-arrow { background-color:transparent; overflow:hidden; text-indent:100em; position:absolute; left:.15em; z-index:99; opacity:.35; display:block; width:1em; height:2.4em; cursor:pointer; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA7CAYAAADGkvybAAADB0lEQVR4nO3bS3IaMRAG4H8guUYOE3IcL0z5jV838RlsrzPgF7bxZZJNVkmVsnBTUXpaYh5SazRmqlhQaKTuz40BPWCMgfYDwDWAHwB2PG12qM11ihgLCkLtKoriO4AJPf1jjPnsaPcbwCd6WhpjvmnEt75GmoMVRVHiHwoAzDzN7dcmdK/epfj2KQEY63FZ455Ldk+pFq8SypwleNHg3gt273wQMF1QUuLERll0RfHgLLKEEVDOA/R5roWjhXIWsO8zDZwYKPexUDw4972GEVBOY/w1aazTmDhZomjghArwQRvFg/PQCxgBZaaFYsUwC43TNaDH1CgenMckMALKSSoUK6aTUDiDQQmN02bgJzbwcWoMIcZjFuNTNBgABYAlG/AoNYIn3iMW6xJ4n5gLBkNXNigbcMLAUKU854biwXmuUzmbOh0JKIepk22BcyjgjFrB0PWSO4oH58X3tvJVyivr6CB1cgFwDlhOr67KqYuynzqpgDj7dXA+RKW0qRy78XjIlVKzcsb/wVClrFjDvdTBK+DssZxX68oBgC8A3qwXfwGYpg5aEWdKOa/zfyMTXDG1m9TBJsC5YQZXrorZTR2sIsquWDH04vZ/DP8fYzUaCzgf6VNpVflUshpvv8dIMFblDPb7zKbvL06YIVdOnUrxwlAnQPXXdbY4AkrzX9escvh8THY4Akr7+RirU2kGL5t5GciTVN1m8KzOge2cr7dyssFxoIRdJWADcpwc1pWWjftoOXBvF90ElMaLba1hHDjJl2lRXZ5thdIJhgLpzRq2gJJmt0OfcEKjBIGhwJJtHkKETUPBYChAvgcvOo6A0q89eClwYqIEh3HgBN+oiMhbWaPAUOB3sXAElLsoOcTo1IHTeYc4qjvCo6BEhaFEFiyR1gctoHjAIjoMJcTPKzWuHKFS8j6vFKJytCtFFYYS5GciNx7qQvXw1rDORFqJ8reVc/UB1dl8lbOQ60eKc9clgK/0tO6567kxZiK1i3WpnrsGAErwFsBPvO80cF1TanOrjQIAfwFX5ASLjpz8fwAAAABJRU5ErkJggg=='); background-size:auto 100%; background-position:left center; background-repeat:no-repeat; top:50%; margin:-2em 0 0; } .slick-arrow:hover { opacity:1; } .slick-arrow.slick-next { background-position:right center; left:auto; right:.15em; } /* SUBHEADERS */ .subheader .container { height:20em; z-index:99; position:relative; } .subheader .background { width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; background-position:center center; background-size:cover; background-repeat:no-repeat; } .subheader .overlay { width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0; } .subheader.home .copy h3 strong { font-weight: 500; } .subheader.eyelash-extension .caption { right: 5em; } .subheader.horizontal .form ul.gform_fields .gfield.heading h2 { color:#2b1782; font-size:1em; } .subheader.horizontal .form ul.gform_fields .gfield.heading h2 { text-shadow: 1px 1px 14px rgba(255,255,255,.8); font-weight:bold; } .subheader .wrapper { height:100%; z-index:9; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:column; padding:2em 6%; max-width:1060px; } .subheader .caption { position:relative; padding:1em 2em; max-width:450px; text-align:center; } .subheader .caption h2 { background:none; padding:0 0 0.5em; font-size:2.75em; line-height:1em; margin:0; } .subheader .caption h3 { text-transform: uppercase; } .subheader .copy { position:relative; z-index:9; } .subheader .copy .button { text-shadow:none; padding:0.75em 2em; min-width:unset; } /* SUBHEADER - Slideshows */ .subheader .slider, .subheader .slider .slick-list, .subheader .slider .slick-slide { width:100%; height:100%; position:relative; } .subheader .slider .slick-track { height:100%; } /* SUBHEADER - Form */ .subheader .gfield.heading { background: url('images/form-underscore.png') no-repeat bottom center; padding-bottom: 15px; width: 100%; position: absolute; top: -2.15em; right: 0%; font-size: 1.6em;} .subheader .form { padding:1em 6%; position:relative; color:#FFF; z-index: 99;} .subheader .form h2 { background: none; color: #FFF; text-align: center; font-weight: unset; padding: unset; font-size:0.8em; } .subheader .form p {color: #FFF; text-align: center; font-weight: unset; padding: unset; font-size:0.8em; } .subheader .form li.disclaimer-field { width:100%; max-width:100%!important; margin:1em 0; } .subheader .form .gfield.disclaimer-field p.disclaimer { text-align: left; font-size: 0.65em; line-height: 1.1em; } .subheader .form .errorMessages { display:none; margin:0; padding:0; } .subheader .form .overlay { width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; background:#1b1b1b; opacity: 1; } .subheader .form .gform_wrapper { position:relative; z-index:9; text-align:center; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:center; height:100%; } .subheader .form h1, .subheader .form h2, .subheader .form h3, .subheader .form h4, .subheader .form p { color:#FFF; text-align:center; } /* Home page subheader */ .home .subheader .caption { background: linear-gradient(transparent, rgba(255,255,255,.7)); padding: 1em; } .home .subheader .caption, .home .subheader .caption h1, .home .subheader .caption h2, .home .subheader .caption h3, .home .subheader .caption h4, .home .subheader .caption p { text-shadow: none; } .home .subheader .caption h2 { position: relative; background: none; border-bottom: solid 2px #2b1782; } /* WYSIWYG */ .wysiwyg .wrapper { padding:2em; max-width:850px; } .wysiwyg .wrapper.full { max-width:100%; } .column.sidebar { background:#CCC; padding:1.5em; font-size:.85em; } /* WYSIWYG - Alert */ .wysiwyg.alert { background:#2B1782; color:#FFF; font-size:1em; text-align:center; } .wysiwyg.alert a:hover {color:rgba(255, 61, 176, 1.0);} /* COLUMNS */ .cols { clear:both; width:100%; overflow:visible; padding:2em 0; text-align:left; } .cols .wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:column; margin:0 auto; max-width:1200px; flex-wrap:wrap; } .cols .column { padding:0 2em; margin:0 0 2em; width:100%; position:relative; } .cols .column:last-child { margin:0; } .cols .column.accordions { padding:0; } /* COLUMNS - Guest Services */ .cols.promotions .column { text-align:center; position:relative; } .wysiwyg.guest-services .excellence { max-width:200px; } .cols.promotions .column img { max-width:90%; margin:1.5em auto; } .wysiwyg.intro .wrapper { padding-bottom:0; } .cols.campus-promotions .wrapper { padding:0; } .cols.campus-promotions .button { margin-bottom:1.5em; } .cols.campus-promotions .column { text-align:center; } /* ACCORDIONS */ .accordions { padding:2em; } .accordions .copy { margin:0 0 1em; } .accordions .accordion { background:#F7F7F7; margin-bottom: 5px; overflow:hidden; position:relative; } .accordions .accordion:before { content: ""; width: 60px; height: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: rgba(0,0,0,.1); position: absolute; left: 0; top: 0; z-index: 2; } .accordions .accordion:after { content: ""; width: 60px; height: 100%; background: rgba(0,0,0,.03); position: absolute; left: 0; top: 0; z-index: 1; } .accordions .accordion:last-child { margin-bottom: 0px; } .accordions .accordion .title { padding: 20px 40px 20px 80px; font-size:15px; position: relative; cursor: pointer; line-height:21px; color:#444; } .accordions .accordion .title > .expand { display: block; position: absolute; right: 15px; top: 27px; width: 12px; height: 2px; background:#950ccc; } .accordions .accordion .title > .expand:after { content: ""; height: 12px; left: 5px; position: absolute; top: -5px; width: 2px; background:#950ccc; } .accordions .accordion .title .num { position: absolute; left: 27px; top: 20px; font-weight: bold; } .accordions .accordion .copy { padding: 0 20px 20px 80px; overflow: hidden; display: none; font-size:13.5px; } .accordions .accordion.active .copy p { font-size: 1.2em; } .accordions .accordion.active .title > .expand:after { display: none; } .accordions .accordion.active p:last-child { margin-bottom: 0; } .accordions .accordion:before{ display: none; } .accordions .accordion:after {display: none; } .accordions .accordion .title { padding: 20px; } .accordions .accordion .copy { padding: 20px; } .accordions .accordion .title .num { display: none; } .accordions .accordion .title h3 { text-transform: uppercase; padding-right: 2em; text-align: left; } /* TABBED CONTENT */ .oozle-tabs { border:1px solid #CCC; padding:3px; } .oozle-tabs ul { margin:0; padding:3px 3px 0; width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:flex-start; align-items:stretch; background:#EFEFEF; border-radius:3px; } .oozle-tabs li { margin:0; padding:0; display:inline-block; background:none; overflow:hidden; border-radius:7px 7px 0 0; border:1px solid #EFEFEF; } .oozle-tabs li a { display:block; line-height:2.5em; padding:0 1em; background:none; color:#000; } .oozle-tabs li.active { border:1px solid #003eff; } .oozle-tabs li.active a { background:#007fff; color:#FFF; } .oozle-tabs .tabbed-content { display:none; padding:1.5em; text-align:left; } .oozle-tabs .tabbed-content.active { display:block; } /* IMAGE LAYOUTS */ .image-layout { font-size:3.75vw; } .image-layout .wrapper { height:100%; padding:0; width:100%; } .image-layout .overlay { display:none; } /* HOME PAGE PROGRAM IMAGE LAYOUTS */ .home .image-layout { background: #fff; } .home .image-layout h3 { color: #000; text-transform: uppercase; font-weight: 700; background: url(images/h3-underline.png) no-repeat center bottom; padding-bottom: .5em; } /*.home .image-layout.large .caption p { color: #fff; text-align: left; }*/ .home .image-layout.large .caption p{ text-align: center; margin-bottom: 1em; } /*.home .image-layout .caption .button { background: #fff; color: #000; text-align: center; margin: 2em auto; }*/ .home .image-layout .caption .button:hover { background: #950ccc; color: #fff; } /* Full Width */ .image-layout.full .wrapper { padding:0; width:100%; height:20em; max-width:100%; } .image-layout.full .image { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; } .image-layout.full .caption { width:100%; padding:0 5%; height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; flex-direction:column; align-items:center; position:relative; z-index:9; color:#FFF; line-height:1.35em; text-align:center; font-weight:300; } .image-layout.full .caption p { color:#FFF; line-height:1.75em; margin:0; font-weight:300; text-align:center; } .image-layout.full .overlay { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.3; } .image-layout.full h1, .image-layout.full h2, .image-layout.full h3 { color:#FFF; font-weight:600;background:none; padding:0; font-size:2.5em } .image-layout.full h1 span, .image-layout.full h2 span, .image-layout.full h3 span { text-transform:none; font-weight:400; font-style:normal; } /* Standard and Large Width */ .image-layout.standard .wrapper, .image-layout.large .wrapper { display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:space-between; flex-direction:column; align-items:center; padding:0 0 2em; } .image-layout.large .image, .image-layout.standard .image { width:100%; text-align:center; max-width: 66%; margin-bottom: 1em; } .image-layout.large .image img, .image-layout.standard .image img { margin:0 auto; } .image-layout.large .caption, .image-layout.standard .caption { padding:1em 6%; color:#000; line-height:1.35em; margin:0 auto; font-weight:300; text-align:center; width:100%; } .image-layout.large .caption p, .image-layout.standard .caption p { color:#000; line-height:1.35em; margin:0 0 1em; font-weight:300; text-align:center; } /* VIDEO */ .wysiwyg.video .wrapper { width:100%; max-width:100%; padding:0; background:#fff8f2; text-align:center; } .wysiwyg.video .wrapper p { padding:0; } /* PHOTO GALLERIES */ .photo-gallery { padding:50px 0; overflow:auto; } .photo-gallery .wrapper { width:100%; max-width:1170px; padding:0 0 2em; overflow:auto; } /* Default Galleries */ .wysiwyg .gallery { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; justify-content:space-around; } .wysiwyg .gallery .gallery-item { margin:0; min-width:100px; } .wysiwyg .gallery br { display:none; clear:none; } .wysiwyg .gallery .gallery-item .gallery-icon { padding:5px; } /* Carousel */ .photo-gallery .album { margin:0 2em; } .photo-gallery .item { padding:.25em; } .photo-gallery .image { max-height:100%; max-width:100%; height:7em; background-size:cover; background-position:center center; background-repeat:no-repeat; } .layout-carousel .wrapper .slick-arrow.slick-next { right:-1.75em; margin:-2em 0 0;} .layout-carousel .wrapper .slick-arrow.slick-prev { left:-1.75em; margin:-2em 0 0; } .photo-gallery .wrapper .slick-dots { margin:0; bottom:-2em; } /* Photo Slideshow */ .photo-gallery .album img { margin:0 auto; } .photo-gallery .slick-arrow { left:-1.15em; } .photo-gallery .slick-arrow.slick-next { right:-1.15em; left:auto; } /* Logos */ .wysiwyg.logos { background: #000; } .wysiwyg.logos .wrapper { padding: 1em; max-width:1400px; } .wysiwyg.logos p { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .wysiwyg.logos .wrapper p img { height: 100%; margin: 15px; width: 55px; } /* Instgram Gallery */ .instagram-gallery .wrapper{ max-width: 100%; } .instagram-gallery .wrapper h2 { font-size: 60px; font-weight: 300; padding-bottom: 0.5em; } .instagram-gallery .wrapper p { text-align: left; margin-left: 3em; } .instagram-gallery.gallery .image { width: 20% !important; } /* PROGRAMS */ .featured-programs { background:#FFF; padding:2em 0; } .featured-programs .wrapper { padding:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:space-around; align-items:center; flex-wrap:wrap; } .featured-programs .program { width:100%; padding:0 2em; margin:0 0 2em; text-align:center; } .featured-programs .program h3 { color:#565555; text-transform:uppercase; font-size:1.5em; padding:0 0 .75em; background:url("images/h3-underline.png") center bottom no-repeat; background-size:32% auto; margin:0 auto .5em; font-style:normal; } .featured-programs .program p { margin:0 1em 1.5em; line-height:1.35em; } .featured-programs .program .button { min-width:unset; padding:.75em 2em; } .featured-programs .program .button:hover { background: #950ccc; color: #fff; } /* FEATURED TOPIC */ .featured-topic .wrapper { padding:0; max-width:100%; } .featured-topic .image { width:100%; position:relative; background-size:cover; background-position:center center; height:20em; font-size:4vw; } .featured-topic .image {font-size: 6vw; } .featured-topic .image .overlay { width:100%; position:absolute; left:0; bottom:-1px; background:url("images/topic-mobile-bg.png") center center no-repeat; height:19px; } .featured-topic .copy { width:100%; padding:3em 6%; } .featured-topic .copy h1, .featured-topic .copy h2, .featured-topic .copy h3 { font-size:2em; margin:0 0 .5em; font-weight:400; padding:0 0 20px; line-height:1em; text-align:center; font-style:normal; } .featured-topic .copy h4, .featured-topic .copy h1 strong, .featured-topic .copy h2 strong, .featured-topic .copy h3 strong { font-size:.5em; font-weight:600; text-transform:uppercase; line-height:1em; display:block; text-align:center; color:#1BA5B9; margin:.75em 0 0; } .featured-topic .copy h2 { font-weight: 300; font-size: 4em; background-size: 45% 3px; } .featured-topic .copy h2 span { color: #950ccc; text-transform: uppercase; font-weight: 500; font-size:0.8em; line-height: 0.8em; } .featured-topic .copy h4 { font-size:1.5em; margin:0; } .featured-topic .copy h5 { text-transform:none; margin:0 2em 1.5em; } .featured-topic .copy p { margin:0 2em 1.5em; } .featured-topic .copy .button { padding:.75em 2em; } .featured-topic .copy .button:hover { background: rgba(255, 61, 176, 1.0);} /* GALLERY */ .gallery { margin:0 0 10px; } .gallery .copy { background: #f3f3f3;} .gallery .copy h2 {color: #000; font-weight: 300; padding-bottom: 0.2em; } .gallery .wrapper { width:100%; max-width:100%; padding:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:row-reverse; } .gallery .copy { width:100%; padding:1.5em 6%; margin:0 auto; text-align:center; /*border-bottom: 4px solid #fff;*/} .gallery .copy h2 { /*text-decoration: underline; text-decoration-color: rgba(149,12,204,0.8); text-underline-position: under;*/ background: none; font-size: 3em; } .gallery .copy h3 { font-size:.85em; text-transform:uppercase; color:#494848; margin:0; font-weight:600; padding:0 0 20px; background:url("images/heading-underscore.png") center bottom no-repeat; line-height:1em; font-style:normal; } .gallery .copy h3 strong { font-size:4em; font-weight:400; font-family: 'Caveat', cursive; text-transform:lowercase; line-height:1em; } .gallery .image, .gallery .link { width:50%; background-position:center top; background-size:cover; background-repeat:no-repeat; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; align-items:center; align-content:center; justify-content:center; } .gallery .image a { display:block; width:100%; height:100%; } .gallery .image img { width:100%; height:auto; visibility:hidden; } .gallery .learn-more { display:none; width:300px; position:absolute; left:50%; bottom:-1.75em; margin:0 auto 0 -150px; background:#F2AE96; text-transform:uppercase; font-weight:600; color:#494848; line-height:3.5em; border-radius:5px; text-align:center; font-size:20px; } .gallery .learn-more:hover { opacity:1; background:#7BA7AE; } /* LOCATIONS */ .locations { margin:3em 0 1.5em; } .locations h2 { text-align:center; position:absolute; left:0; width:100%; font-family: 'Caveat', cursive; font-size:3em; top:-.7em; font-weight:400; z-index:2; } .locations .maps { width:100%; height:20em; font-size:4vw; max-height:600px; position:relative; z-index:1; } .locations .acf-map { max-height:600px; height:20em; width:100%; position:absolute; left:0; top:0; z-index:0; } .locations .acf-map.active { z-index:99; } .locations .acf-map img { max-width:inherit!important; } .locations .addresses { margin:0; padding:0; width:100%; position:relative; z-index:3; } .locations .addresses .address { margin:0; padding:1em 0; text-align:center; background:#E9EAED; display:block; width:100%; cursor:pointer; border-bottom:2px solid #7BA7AE; } .locations .addresses .address h1, .locations .addresses .address h2, .locations .addresses .address h3, .locations .addresses .address h4, .locations .addresses .address h5 { font-family: 'Raleway', sans-serif; text-transform:uppercase; font-size:1.25em; font-weight:bold; margin:0; } .locations .addresses .address p { text-transform:uppercase; font-weight:600; margin:0; line-height:1.1em; font-family: 'Raleway', sans-serif; } .locations .addresses .address.active { background:#7BA7AE; color:#FFF; } /* LOCATIONS ARCHIVE */ .location { width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; align-items:center; justify-content:space-between; padding:1.5em 0; flex-wrap:wrap; } .location .featured { text-align:center; width:100%; margin:0 0 1em; } .location .excerpt { width:100%; text-align:center; } .location h3 a { color:#7BA7AE; } /*------ PROGRAM(S) PAGE ---- */ /* Program Sidebar */ .program-info .column.sidebar { padding: 2em; } .program-info .column.sidebar strong a {text-decoration-color: #da7eff; text-decoration: underline; text-underline-position: under; } .program-info h3 { font-weight: 700; } .program-info h4 { background: url('images/sidebar-underline.png') no-repeat bottom left; padding-bottom: 0.5em; font-weight: 700; text-transform: uppercase; } /* Program CTA */ .program-cta { background: #1b1b1b url('images/program-cta-left.png') no-repeat bottom; background-position-x: 2%; background-position-y: 90%; } .program-cta .wrapper { background: url('images/program-cta-right.png') no-repeat top right; } .program-cta h3 { color: #b636ea; background: url('images/sidebar-underline.png') no-repeat bottom center; padding-bottom: 0.5em; font-weight: 700; text-transform: uppercase; text-align: center;} .program-cta .button { background: #fff; color: #000; text-decoration: none; } .program-cta p { max-width: 310px; margin: 0.8em auto; text-align: center; } .program-cta #column-5-4 p, .program-cta #column-4-4 p{ max-width: 100%; } .program-cta a { color: #da7eff; text-decoration-color: #da7eff; text-decoration: underline; text-underline-position: under; } /* Locations Pages */ .campus.subheader .caption { max-width: 650px; } .program-info.campus .wrapper .column h2 { padding-bottom: 0.5em; } /* Services */ .services .tablepress { margin-bottom: 4em;} .services .tablepress-table-description { text-align: left; margin-bottom: .2em; } .services .tablepress .column-2 { width: 15%; } /* Barbering Program */ .subheader.barber .caption h2 {background: url(images/underline-brown.png) bottom no-repeat; } .wysiwyg.intro-content.barber .wrapper { background: none; } .intro-content.barber h1 { background: url('images/h1-brown-dot.png') no-repeat center; padding-bottom: 0.8em; background-size: 15px; background-position-y: 95%; } .intro-content.barber { background:none !important;} .wysiwyg.intro-content.program p, .wysiwyg.intro-content.barber p { color: #5b5b5b; } .intro-content.barber h1 span.brown { font-weight: 500; text-transform: uppercase; color: #a2554d; } .wysiwyg.intro-content.barber { background: none; } .program-info.barber { background:#e6e6e6; } .program-info.barber h4 { background: none; border-bottom: 2px solid #a2554d; } .program-info.barber .column.sidebar strong { color: #fff; } .program-info.barber .column.sidebar a strong { text-underline-position: under; text-decoration: underline; } .program-info.barber .column.sidebar p { color: #d8d8d8; } .program-info.barber a, .program-info.barber ul li::before{ color: #A2554D; } .sidebar.barber a.button { background: #A2554D; color: #fff; } /*.page-id-285 .gallery .copy { background: #000; }*/ .page-id-285 .gallery .copy h2 { text-decoration: underline; text-decoration-color: #a2554d; } .program-cta.barber { background: #1b1b1b url(images/program-cta-left-black.png) no-repeat bottom; background-position-x: 2%; background-position-y: 90%;} .program-cta.barber .wrapper{ background: url(images/program-cta-right-brown.png) no-repeat top right; } .program-cta.barber h3 {color: #cccccc; text-decoration-color: #a2554d !important; text-decoration: underline; background: none; text-underline-position: under; } .program-cta.barber a { color: #cccccc; font-weight: 700; text-decoration-color: #a2554d; text-decoration: underline; text-underline-position: under; } .program-cta.barber a.button { background: #fff; color: #000; text-decoration: none; } .program-cta.barber a.button:hover { background: #A2554D; color: #fff; } /**************/ /* BLOG POSTS */ /**************/ #content.blog { background: #fff; } /*#content.blog { background:#fcebf7 url('images/blog-corner-background.png') no-repeat; background-position-x: 100%; background-position-y: 106%; }*/ #content.blog .wrapper { padding:2em 0; } #content.blog .copy { width:100%; padding:0; background:#FFF;} #content.blog h1.blog-title { background: none; } #content.blog .full-post h2 { background: none; } #content.blog .sidebar { width:100%; padding:2em; background: #FFF !important; } #content.blog .sidebar ul { margin:0; padding:0; display:block; } #content.blog .sidebar li { margin:0; padding:0; display:block; line-height:1.25em; } #content.blog .sidebar ul a { color:#494848; display:block; width:100%; padding:.5em; line-height:1.25em; font-size:18px; font-weight: 300; text-transform: lowercase;} #content.blog .sidebar ul li:nth-child(even) a { background-color:#FEFEFE; } #content.blog .blog-excerpt { width:100%; margin:0 auto; padding:2em 0; } #content.blog .blog-excerpt p { margin:0 auto; } #content.blog .blog-excerpt .blog-date { color:#111111; text-align:center; font-weight:600; margin:0 0 .25em; padding:0 1.5em; text-transform: uppercase; } #content.blog .blog-excerpt .blog-title { color:#494848; font-weight:300; text-align:center; text-transform:lowercase; margin:0 0 .75em; padding:0 1.5em .5em; font-size:2em; background-size: 45% 3px; } #content.blog .blog-excerpt h1.blog-title { padding:0 1.5em 20px; } .single #content.blog .blog-excerpt h1.blog-title::before { display:none; } #content.blog .blog-excerpt .blog-title a { color:#000000; } #content.blog .blog-excerpt .blog-image { max-height:410px; width:100%; font-size:3vw; height:17em; background-position:center center; background-size:cover; background-repeat:no-repeat; margin:0 0 .25em; position:relative; } #content.blog .blog-excerpt .blog-image a { display:block; width:100%; height:100%; position:absolute; left:0; top:0; } #content.blog .blog-excerpt .blog-tags { text-align:center; color:#8CB2B8; margin:0 0 .5em; padding:0 1.5em; } #content.blog .blog-excerpt .blog-tags a { color:#950ccc; font-weight: 600; text-transform: uppercase; } #content.blog .blog-excerpt .blog-tagline { color:#494848; font-size:1.3em; font-style:italic; padding:0 1.5em 20px; line-height:1.25em; text-align:center; margin:0 auto .5em; width:90%; /*background: url(images/h1-pink-dot.png) no-repeat center bottom;*/ padding-bottom: .8em; } #content.blog .blog-excerpt .excerpt { padding:0 1.5em; } #content.blog .blog-excerpt a.button { margin-top: 1em; } #content.blog .blog-excerpt .excerpt p { line-height:1.75em; font-weight:300; } #content.blog .blog-excerpt .full-post { padding:0 1.5em; } #content.blog .blog-excerpt .full-post p { margin:0 auto 1.75em; line-height:1.75em; font-weight:300; } #content.blog .comments-area { padding:0 2em; } #content .wp-pagenavi { width:100%; padding:.5em; text-align:center; } #content .wp-pagenavi a, #content .wp-pagenavi span { display:inline-block; } .wp-pagenavi a { border: none; color: #737277; } .wp-pagenavi span { color: #950ccc; margin: 0.5em; } .wp-pagenavi span.extend { border: none; } .wp-pagenavi span.current { border: 1px solid #950ccc; border-radius: 100%; width: 40px; padding: 0.2em;} #content .sidebar .widget { margin:0 0 2.5em; } #content .sidebar .widgettitle { font-size:1.4em; font-weight:bold; color:#555454; text-transform:uppercase; text-align:left; padding:0 0 15px; background:url("images/widgettitle-bg.png")center bottom no-repeat; margin:0; } #content .sidebar .menu li, #content .sidebar .widget_categories li, #content .sidebar .widget_archive li { display:block; margin:0; line-height:1.1em; font-size:1.1em; padding:0; width:100%; } #content .sidebar .menu a, #content .sidebar .widget_categories a, #content .sidebar .widget_archive a { color:#797878; } #content .sidebar .screen-reader-text { display:none; } #content .sidebar select { width:100%; font-size:18px; height:50px; line-height:50px; border:1px solid #edebeb; } #content .sidebar li::before { display:none; } #content .widget_search { text-align:center; overflow:auto; } #content .widget_search #search-form { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:row; justify-content:center; align-items:center; } #content .widget_search label { display:none; } #content .widget_search input[type=text] { background:#FFF; border:1px solid #edebeb; border-radius:0; border-right:0px; width:100%; height:50px; box-sizing:border-box; float:left; font-size:18px; } #content .widget_search input[type=submit] { background:#FFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACVUlEQVQ4y2WTMUtrQRSEv917QaOQoIWCXEyRFHaBIAELsbCx1EYt7PwNYqHCExRBKxUri4BVCgVBKxsLSWVKBRsTEBECgmKRuItkXpXl5Xlg4bCzzCxn5hjnnACMMdTrda6vr7m9vaXZbDI8PMzMzAwLCwvkcjkkYYyhp5xz8t6rUqkon88LEKA4jkOfJIlOT0/lnPt18N7r8vJSmUxGgEqlknZ3d3V2dqb9/X1NT08LUF9fn8rlsrqCzjl9f3+Ll5cXTUxMCNDKyorq9XoAnXN6fX3V6uqqAGWzWT0+PvaQUC6XBahYLOr5+TkA3vtA8vHxoWKxKEA7Ozvh3jknW61WAZibmyNJEiQB0Ol0wsD6+/tZXl4GoFar9czQNptNAMbHx3sBawOZtZZcLgfA19cX3vsgYDOZDADv7+89BJKw1tK1+O3tDWMMqVSKOI4DZkulEgA3Nzd8fn5ijMEYg6Sg8vPzw8XFBZIoFApEURREeHp6UjablbVWa2trarVav7ze3t6WtVYjIyO6v7/vzYFzTicnJ7LWCtD8/LzOz89Vq9V0dXWlpaWlEKhUKqWjo6NeG733arfb2tvb09DQUHhsjAl9Op1WFEUCNDAwoOPj45CVaGNj408URUxNTTE5OUkURVhrSafTJEnC7Owsm5ub5PN5qtUq3nvu7u4YHR2lUCjAv6HosjYaDT08PKjRaIRAtVotra+vh18NDg6qUqko/n+7rLWMjY39stMYw9bWFp1Oh4ODA7z3xHGM6a5z1+9ueP6v7iq3220ODw/JZrMsLi7yFzYp1evVIAISAAAAAElFTkSuQmCC') center center no-repeat; background-size:20px auto; border:1px solid #edebeb; border-radius:0; overflow:hidden; text-indent:100px; width:50px; border-left:0px; height:50px; float:left; cursor:pointer; padding: 0; } /*************/ /* SUBFOOTER */ /*************/ #subfooter { padding:1em 0; margin:1em 0 0; } #subfooter .wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:space-around; align-items:center; flex-wrap:wrap; max-width:1200px; } #subfooter .column { padding:0; margin:0 0 1.5em; } #subfooter .address { text-align:center; } #subfooter .address p { font-weight: 300; margin: 0 0 0.75em; } #subfooter .address strong { color: #000; } #subfooter .address a { font-weight: 700; } ul#menu-footer-menu { display: flex; align-items: center; flex-direction: column; } #subfooter .menu, #subfooter .sub-menu { text-align:center; margin:0; padding:0; width:100%; } #subfooter .menu li { margin:0; padding:0; display:block; background:none; } #subfooter .menu li::before { display:none; } #subfooter .menu a { color:#950ccc; text-transform:uppercase; background:none; margin:0 0 .75em; line-height:1.35em; display:block; font-weight: 400; } #subfooter .menu li.current-menu-item a { background:none; color:#1BA5B9; } #subfooter .menu li a:hover { color:#1BA5B9; } #subfooter h5 { text-align:center; } /* SOCIAL MEDIA ICONS */ #subfooter .social-icons-lists { text-align: center; margin:0 0 1.5em; } .social-icons-lists, .social-icons-lists li { margin:0; padding:0; background:0; display:block; } .social-icons-lists.icons-background-none .socicon { padding:4px!important; } /* COPYRIGHT */ #copyright { background:#464545; background-size:cover; padding:.75em 0; margin:0; } #copyright p { color:#FFF; text-transform:uppercase; text-align:center; line-height:1.5em; vertical-align:middle; margin:0; font-size:.8em; } #copyright span { display:block; line-height:1.2em; } #copyright a { color:#FFF; display:inline-block; margin:0 .5em 0 0; padding:0 .5em 0 0; line-height:.9em; border-right:1px solid #FFF; } #copyright a:hover { color:#1BA5B9; } #copyright p a:last-child { border:0; } /* Eyelash Exensions Page */ .page-id-2542 .ctas .contact { display:none !important; } .lash-ext h2 span { font-size: 0.8em; line-height: 1; font-weight: 800; } .lash-ext h2.gsection_title { text-align: left; font-size: 0.8em; padding-bottom: 0; font-weight: 500; margin: 15px 0 5px 0; } .lash-ext .radio-text label, .lash-ext .drop-text label { display:block; font-size: .8em; padding-bottom: 0; font-weight: 500; } .lash-ext .drop-text select { font-size:0.8em; } .lash-ext .drop-text, .lash-ext .radio-text { margin-top: 15px !important; } .lash-ext .gfield_description { font-size: 0.6em; font-weight: 300; padding-left: 5px; color: #717171; } .lash-ext .gform_page_footer { margin-top: 15px; } .lash-ext input { font-size:0.8em; } .lash-ext .ff-half { width:48% !important; } .lash-ext span.green-cost { color:green; } .lash-ext ul.gform_fields { display: flex; flex-wrap: wrap; justify-content: space-between; } .lash-ext li.gfield.gsection { margin-bottom:0; } .lash-ext .gform_wrapper .gf_progressbar_wrapper .gf_progressbar { border: 1px solid #9c9c9c; background: #b7b5b5; border-radius: 25px; margin: 5px 0 15px; box-shadow: 0px 0px 0px 6px #d5d5d5; -webkit-box-shadow: 0px 0px 0px 6px #d5d5d5; -moz-box-shadow: 0px 0px 0px 6px #d5d5d5; } .lash-ext .gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {border: 1px solid #950ccc;background: #950ccc;border-radius: 25px 0 0 25px; height: 20px;max-width: 100%; } .lash-ext .percentbar_100 { border-radius: 25px !important; } .lash-ext .gf_progressbar span { display: none; } .lash-ext h3.gf_progressbar_title { font-size: 0.6em; font-weight: 400; padding-left:15px; margin-bottom: 10px; } .lash-ext input.button { min-width:45%; max-width:45%; } .lash-ext #column-3-1 { color:#000000; } .lash-ext #column-3-2 { background-color:#f3f3f3;color:#000000; padding-top:2em; padding-right:2em; padding-bottom:2em; padding-left:2em; } .lash-ext #column-3-3 { color:#000000; } .lash-ext #column-3-4 { padding:0; } .lash-ext h2 { background: none; } @media only screen and (min-width:768px) { .lash-ext h2 span { font-size: 1.3em; } } @media only screen and (min-width:960px) { .lash-ext #column-3-1 { min-width:100%; max-width:100%; } .lash-ext #column-3-2 { min-width:32%; max-width:32%; } .lash-ext #column-3-3 { min-width:66%; max-width:66%; } .lash-ext #column-3-4 { padding:0 2em; } } .lash-ext img { max-width: 350px; } .lash-ext #column-4-1 { color:#ffffff; background: unset; } .lash-ext #column-4-2 { color:#ffffff; background: unset; } .lash-ext #column-4-3 { color:#ffffff; background: unset; } .lash-ext #column-4-4 { color:#b636ea; background: unset; } @media only screen and (min-width:960px) { .lash-ext #column-3-1 { min-width:100%; max-width:100%; } .lash-ext #column-3-2 { min-width:32%; max-width:32%; } .lash-ext #column-3-3 { min-width:66%; max-width:66%; } .lash-ext #column-4-1 { min-width:32%; max-width:32%; } .lash-ext #column-4-2 { min-width:32%; max-width:32%; } .lash-ext #column-4-3 { min-width:32%; max-width:32%; } .lash-ext #column-4-4 { min-width:100%; max-width:100%; } } @media only screen and (min-width: 400px) { /* IFRAME FORM */ .wysiwyg.iframe-form iframe { height: 530px; margin-bottom: 0; } .wysiwyg.iframe-form .wrapper { padding-bottom: 0; } } @media only screen and (min-width: 480px) { /* IFRAME FORM */ .wysiwyg.iframe-form iframe { height: 490px; } } @media only screen and (min-width: 640px) { /* IFRAME FORM */ .wysiwyg.iframe-form iframe { height: 450px; } } @media only screen and (max-width: 991px) { .hasFluidForm iframe { height: 1000px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { .hasFluidForm iframe { height: 1100px; margin-bottom: 0; } } @media only screen and (max-width: 640px){ .subheader.home .caption { left: 4em; bottom: 2em; } /* Barbering Program Page */ .subheader.barber .background { background-position: center left; } .wyswiyg.video .wrapper p { font-size: 6vw; } } @media only screen and (max-width: 480px) { /* FORM STYLES */ ul.gform_fields .gfield.left { width:100%; margin:0 0 .75em; } ul.gform_fields .gfield.right { width:100%; margin:0 0 .75em; } /* GALLERY */ .gallery .learn-more { width:200px; margin:0 auto 0 -100px; font-size:16px; } .banner-heading {font-size: 16px;} .banner-heading a {font-size: 15px;} .hasFluidForm iframe { height: 1200px; margin-bottom: 0; } } @media only screen and (max-width: 390px) { .hasFluidForm iframe { height: 1360px; margin-bottom: 0; } } @media only screen and (min-width: 768px) { body { font-size: 20px; } /* Image Styles */ img.alignright, img.alignleft { max-width:50%!important; } .alignright { margin:0 0 1.5em 1.5em; float:right; } .alignleft { margin:0 1.5em 1.5em 0; float:left; } /* Layout Styles */ .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; overflow:auto; margin:0 0 1.5em; width:100%; } /* COLUMNS */ .cols .wrapper { flex-direction:row; justify-content:space-between; align-items:flex-start; } .cols .column { padding:0 1em; margin:0 0 2em; } .cols .column:last-child { margin:0 0 1em; } /* IMAGE LAYOUTS */ .image-layout .caption { font-size:24px; position: relative; } /* Standard Width */ .image-layout.standard .wrapper { flex-direction:row; width:768px; margin:50px auto; padding:0; } .image-layout.standard.right .wrapper { flex-direction:row-reverse; } .image-layout.standard.right .image { float:right; } .image-layout.standard.right .caption { float:left; text-align:right; } .image-layout.standard.right .caption p { text-align:right; } .image-layout.standard .image { width:350px!important; } .image-layout.standard .caption { width:350px; padding:0; text-align:left; } .image-layout.standard .caption p { text-align:left; } /* PHOTO GALLERIES */ .photo-gallery .slick-slide .image { width:203px; height:203px; } /* PROGRAMS */ .featured-programs .wrapper { max-width:960px; } .featured-programs .program { width:100%; font-size:20px; padding:50px 0; margin:0; position:relative; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .featured-programs .program:nth-child(even) { flex-direction:row-reverse; } .featured-programs .program h3 { color: #000; text-transform: uppercase; font-size: 2.5em; font-weight: 700; background: url(images/h3-underline.png) no-repeat center bottom; padding-bottom: .5em; margin-bottom: .5em; text-align: center; } .featured-programs .program p { color: #000; max-width:75%; font-size: .8em; margin:0 auto 1em; text-align:center; } .featured-programs .program .image { width:48%; min-width:48%; max-width:48%; } .featured-programs .program .content { width:48%; min-width:48%; max-width:48%; } /* LOCATIONS ARCHIVE */ .location { flex-wrap:nowrap; } .location .featured { max-width:300px; margin:0 1em 0 0; } .location .excerpt { text-align:left; } /* SUBFOOTER */ #subfooter .wrapper { flex-direction:row; align-items:flex-start; font-size:15px; line-height:22px; } #subfooter .footer-menu { font-size:16px; } #subfooter .social ul.columns { padding:0; margin:0; } #subfooter .social ul.columns li { margin:0; padding:0; } #subfooter .social ul.columns li::before { display:none; } #subfooter .social ul.columns p { margin:0; padding:0; } } @media only screen and (min-width:960px) and (max-width:1150px) { .subheader.vertical .form { margin: 0 0 0 88px!important; } } @media only screen and (min-width:960px) { body { font-size: 20px; } h1 { font-size: 3em; } /* Layout Styles*/ .wrapper { padding:0; } .desktop { display:block; } .mobile { display:none; } /* Layout Styles */ .columns.three { -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; overflow:auto; margin:0 0 1.5em; width:100%; } /* Responsive Table */ .tabular { width:100%; font-size:13px; margin:1em 0 1.5em; } .tabular .tg_group { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; background:#FFF; border:0; padding:0; margin:0 } .tabular .tg_group:nth-child(odd) { background:#F7F7F7; } .tabular .tg_group .tg_row { width:100%; flex-direction:column; background:transparent; } .tabular .tg_group .tg_row label { max-width:100%; width:100%; display:none; margin:0; } .tabular .tg_group.tg_1 .tg_row label { display:block; } .tabular .tg_group .tg_row span { max-width:100%; width:100%; } .tabular .tg_group .tg_row:nth-child(even) { background:transparent; } /**********/ /* HEADER */ /**********/ #header.sticky { position:fixed; left:0; top:0; width:100%; background:transparent; } #header.sticky .wrapper { height:75px; } #header.sticky .wrapper .logo { display:none; } #header .wrapper { height:125px; display:block; } #header .wrapper .logo { width:300px; } #header .wrapper .cta { display:none; } /* MOBILE CTA */ #cta { display:none; } /* DESKTOP NAV */ #nav { display:block; } /*************************/ /* PAGE CONTENT ELEMENTS */ /*************************/ /* SUBHEADERS */ .home .subheader .container { height:550px; } .subheader .container { height:350px; z-index:1; } .subheader.home .container { height:650px; } .subheader.home .background { background-position: center left; } .home .subheader .caption { background:transparent; } /* SUBHEADER - Slideshows */ .subheader.slideshow .container { height:650px; margin: 0 0 .2em; } /* SUBHEADER - Form */ .subheader .form .gfield.disclaimer-field p.disclaimer { font-size:12px; } /* SUBHEADER - Vertical Form */ .subheader.vertical .container { height:680px; } .subheader.vertical .form .overlay { background: rgba(0,0,0, .75); } .subheader.vertical .form .gform_wrapper { justify-content: flex-start; padding-top: 3em; } .subheader.vertical .wrapper { width: calc(960px - 5em);} .subheader.vertical .gfield.heading { background: none; top: 5px; } .subheader.vertical .form { position:absolute; left:50%; top:0; width:376px; padding:1em; z-index:9; margin:0 0 0 188px; height:100%; } .subheader.vertical.form-left .form { left:auto; right:50%; margin:0 188px 0 0; } .subheader.vertical .form { position:absolute; left:50%; top:0; width:376px; padding:1em; z-index:9; margin:0 0 0 188px; height:100%; } .subheader.vertical.form-left .form { left:auto; right:50%; margin:0 188px 0 0; } .subheader.vertical .form input[type=email], .subheader.vertical .form input[type=tel], .subheader.vertical .form input[type=text], .subheader.vertical .form select { height:48px; padding:0 15px; line-height:48px; } .subheader.vertical .form li.disclaimer-field { margin:.5em .5em 1em; } /* SUBHEADER - Horizontal Form */ .subheader.horizontal .container { height:450px; } .subheader.horizontal .form li.disclaimer-field { margin: 0 !important; padding: 0; } .subheader.horizontal .form ul.gform_fields .gfield.heading { padding-bottom:15px; top:auto; bottom:100%; left:0; width:100%; max-width:100%; text-align:center; margin:0 0 7px; } .subheader.horizontal .wrapper { padding:50px 50px 125px 50px; } .subheader.horizontal.form-top .wrapper { padding:125px 50px 50px; } .subheader.horizontal.form-bottom .slick-dots { bottom:auto; top:0; margin:1em 0 0; } .subheader.horizontal .form { position:absolute; left:0; top:auto; bottom:0; width:100%; margin:0; padding:0; z-index:999; } .subheader.horizontal.form-top .form { bottom:auto; top:0; } .subheader.horizontal .form .gform_wrapper { max-width:1350px; width:100%; margin:0 auto; height:100%; position:relative; padding:13px 0; font-size:16px; } .subheader.horizontal .form form { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; height:100%; align-items:flex-start; flex-wrap:wrap; } .subheader.horizontal .form .gform_body { width:80%; height:100%; } .subheader.horizontal .form .gform_footer { width:20%; margin:0; } .subheader.horizontal .form ul.gform_fields { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; justify-content:space-between; align-content:center; position:relative; padding:0 0 25px; } .subheader.horizontal .form ul.gform_fields .gfield.disclaimer-field { font-size:.8em; line-height:1em; color:#000; width:100%; max-width:100%; position:absolute; bottom:0; left:0; } .subheader.horizontal .form ul.gform_fields .gfield { float:left; max-width: 16%; padding: 0 5px; } .subheader.horizontal .form ul.gform_fields .gfield.left { width:auto; float:left; } .subheader.horizontal .form ul.gform_fields .gfield.right { width:auto; float:left; } .subheader.horizontal .form ul.gform_fields .gfield.location { max-width:17%; } .subheader.horizontal .form ul.gform_fields .gfield.program { max-width:17%; } .subheader.horizontal .form input[type=email], .subheader.horizontal .form input[type=tel], .subheader.horizontal .form input[type=text], .subheader.horizontal .form select { height:40px; padding:0 10px; } .subheader.horizontal .form select { line-height:40px; padding:0 20px 0 10px; } .subheader.horizontal .form input[type=submit] { margin:0 10px; width:auto; } .subheader.horizontal .form input[type=submit]:hover { background: #2f0cc3; } /* Arrows */ .slick-arrow { left:50%; margin:-2em 0 0 -480px; } .slick-arrow.slick-next { left:auto; right:50%; margin:-2em -480px 0 0; } /* SUBHEADER - Barbering Program Page */ .subheader.barber .background { background-position: 35%; } .subheader.vertical.barber .form .overlay{ background: rgba(162, 85, 77, 0.8); } .intro-content.barber h1 { background: url('images/h1-brown-dot.png') no-repeat center bottom; padding-bottom: 0.8em; background-size: 25px; } /* SUBHEADER - Location Pages */ .campus.subheader.vertical .wrapper { width: calc(960px - -6em); } /* WYSIWYG */ .wysiwyg .wrapper { padding:2em 0; } .wysiwyg.intro-content.program p, .wysiwyg.intro-content.barber p { font-size: 36px; line-height: 1.2em; color: #5b5b5b; } /* COLUMNS - Guest Services */ .cols.promotions .wrapper { align-items:stretch; } .cols.promotions .wrapper .column { padding-bottom:50px; margin:0 0 1em; } .cols.promotions .column .button { position:absolute; left:25%; bottom:0; width:50%; min-width:inherit; } /* IMAGE LAYOUTS */ .image-layout .wrapper { padding:0; } /* Full Width */ .image-layout.full .wrapper { width:100%; } .image-layout.full .caption { width:960px; padding:0; margin:0 auto; font-size:24px; } /* Large Width */ .image-layout.large .wrapper { width:960px; flex-direction:row; padding:0; margin:50px auto; } .image-layout.large .image { float:left; width:525px; } .image-layout.large .caption { float:right; width:375px; text-align:left; padding:0; } .image-layout.large .caption p { text-align:left; } .image-layout.large.right .wrapper { flex-direction:row-reverse; } .image-layout.large.right .image { float:right; } /* PHOTO GALLERIES */ .photo-gallery .slick-slide .image { width:230px; height:230px; } .photo-gallery .slick-arrow { left:50%; margin:-2em 0 0 -480px; } .photo-gallery .slick-arrow.slick-next { left:auto; right:50%; margin:-2em -480px 0 0; } /* GALLERY */ .gallery .copy h2 { font-size: 3.5em; padding: 0 0 .2em; display: inline-block; background-size: 85% 3px; } .gallery .image, .gallery .link { width:25%; } .gallery .learn-more { bottom:-1em; line-height:2em; display: none; } /* FEATURED TOPIC */ .featured-topic .wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; width:100%; } .featured-topic.right .wrapper { flex-direction:row-reverse; } .featured-topic .image { width:51%; height:700px; font-size:16px; } .featured-topic .image .overlay { height:100%; left:auto; right:0; background:url("images/topic-desktop-bg.png") center center no-repeat; width:19px; } .featured-topic.right .image .overlay { left:0; right:auto; background:url("images/topic-desktop-right-bg.png") center center no-repeat; } .featured-topic .copy { width:48%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:column; align-items:center; justify-content:center; } .featured-topic .copy h1, .featured-topic .copy h2, .featured-topic .copy h3 { font-size:3.5em; } .featured-topic .copy h2 { background-size: 80% 3px; } .featured-topic .slick-arrow.slick-prev { margin:-2em 0 0; left:1em; } .featured-topic .slick-arrow.slick-next { margin:-2em 0 0; right:1em; } /* FEATURED PROGRAMS */ .featured-programs .program p { color: #000; max-width:55%; } /* WYSIWYG - Logos */ .wysiwyg.logos p { flex-wrap: nowrap; } .wysiwyg.logos .wrapper p img { max-height:75px; min-width:unset; min-height:unset; width:auto; margin:15px 20px; } .wysiwyg.logos .wrapper p a { margin: 0 15px; } .program-intro p { font-size:36px; } /* BLOG POSTS */ #content.blog .wrapper { max-width:960px; } #content.blog .sidebar { background:none; max-width:275px; } #content.blog .wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; } #content.blog .copy { width:720px; border-right:1px solid #cccccc; } #content.blog .sidebar { width:275px; padding:2em 20px; } h1.blog-title { background: none; } #content.blog .blog-excerpt { padding:2em; } #content.blog .blog-excerpt .blog-tagline { width:100%; } #content.blog .blog-excerpt .blog-date { padding:0; } #content.blog .blog-excerpt .blog-title { padding:0; } #content.blog .blog-excerpt h1 { background: none; } #content.blog .blog-excerpt h1.blog-title, #content.blog .blog-excerpt h2.blog-title { padding:0 0 20px; } #content.blog .blog-excerpt .blog-tags { padding:0; } #content.blog .blog-excerpt .blog-tagline { padding:0 0 20px; } #content.blog .blog-excerpt .excerpt { padding:0; text-align: left; } #content.blog .blog-excerpt .full-post { padding:0; } #subfooter .wrapper { font-size:18px; } #subfooter .address { text-align:left; } #subfooter .menu, #subfooter .sub-menu { text-align:left; } #subfooter .menu a { font-weight:600; } #copyright p { font-size:14px; } #copyright span { display:inline-block; margin:0 10px 0 0; padding:0 17px 0 0; position:relative; } #copyright span:after { content:"|"; position:absolute; right:0; } } @media only screen and (min-width:1200px) { #nav { font-size:16px; } .subheader.horizontal .form form { flex-wrap:nowrap; align-items:flex-start; padding:0 0 15px; } .subheader.horizontal .form .gform_body { width:80%; max-width:82%; min-width:80%; } .subheader.horizontal .form .gform_footer { width:20%; max-width:20%; min-width:18%; margin:0; } .subheader.horizontal .form ul.gform_fields { position:static; padding:0; } .subheader.horizontal .form ul.gform_fields .gfield { padding:4px 3px 5px; } .subheader.horizontal .form input[type=submit] { font-size:24px; font-weight:bold; line-height:48px; height:48px; } .subheader.horizontal .form ul.gform_fields .gfield.disclaimer-field { max-width:80%!important; left:5px; } .subheader.horizontal .form ul.gform_fields .gfield.heading { margin:0 0 -6px; } } .gquiz-response-content{ display: none; } .gquiz-response-content h2{ padding-bottom: 0; margin-top: 30px; } .gquiz-response-content .h1:after{ content: ''; display: block; margin: 14px auto 0; height: 24px; width: 24px; background: #950ccc; border-radius: 50%; } /* Force Resize Blog Images */ #content.blog .blog-excerpt .blog-image {width: 17em;margin-left: auto;margin-right: auto;max-width: 410px;} .full-featured-image { padding-top: 70%; position: relative; width: 70%; margin: 0 auto 30px auto; } .full-featured-image img { position: absolute; top: 0;left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; max-width: 100% !important; margin: 0 !important; } #header .ctas a{ transition: .6s ease; } #header .ctas .quizCta, body #cta.mobile .quizCta { background: #ede516; color: #494848; border: 2px solid #494848; border-top: 0; } #header .ctas .quizCta:hover, body #cta.mobile .quizCta:hover { background: #950ccc; color: #fff; } /* slide-down across site wide new css */ .slide-up .form .gform_wrapper ul.gform_fields h2, .slide-up .gform_wrapper ul.gform_fields h3 { line-height: 1.25em; margin: 0 auto .5em; letter-spacing: 0.035em; background: none; color: #FFF; text-align: center; font-weight: unset; padding: unset; font-size: 1.2em; } .wysiwyg .gform_wrapper { max-width: 475px; /* background: #EFEFEF; */ margin: 0 auto; padding: 1em; } .slide-up .form .gform_wrapper ul.gform_fields h2:after { display:none; } .slide-up .form input.button:hover, .subheader .form input[type=submit]:hover { background: #d29732; color: #fff; } .slide-up .form .gform_wrapper ul.gform_fields p { font-size: 12px; text-align: left; font-size: 0.65em; line-height: 1.1em; } .slide-up .gform_title { display: none; } .slide-up .form .gform_wrapper .gform_footer { padding: 0; margin: 1em 0 .25em; } .slide-up .form .gform_wrapper { position: relative; z-index: 9; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; background: none; justify-content: center; padding: 1em 1em 1.5em; margin: 0 auto 1em; font-size: 1.18em; max-width: 100%; width: 100%; } .slide-up .gfield.heading { background: url('images/form-underscore.png') no-repeat bottom center; } .column.slide-up { padding: 0 0em; } .slide-up .form { padding: 0; position: relative; color: #FFF; background: #1b1b1b; width: 100%; text-align: center; } .slide-up .validation_message { display:none; } @media only screen and (min-width: 1200px){ .slide-up .form {/* right: auto; *//* left: 50%; *//* margin: 0px 0 0 242px !important; */} } @media only screen and (max-width: 960px){ .row-rev .wrapper { flex-direction: column-reverse !important; padding-top: 0; } } @media only screen and (min-width: 960px){ .slide-up .form { /* position: absolute; */ background: transparent; } .slide-up .form .gform_wrapper ul.gform_fields li.gfield { background: none; } .slide-up { margin-top: -310px !important; z-index: 999; padding: 0 !important; } .slide-up .form .gform_wrapper { font-size: 1em; } .slide-up .form .gform_wrapper { padding: 1em; height: auto; background: rgba(0,0,0, .75); margin: 0; padding: 1em; } .slide-up .form input[type=email], .slide-up .form input[type=tel], .slide-up .form input[type=text], .slide-up .form select { height: 48px; padding: 0 15px; line-height: 48px; } } .ginput_container.ginput_container_consent { display: flex; align-items: self-start; gap: 5px; flex-wrap: nowrap; } .gform_wrapper input[type=checkbox] ~ label { font-size: 0.70em; line-height: 1.1em; } .gform_wrapper input[type=checkbox] { display: block !important; font-size: 18px !important; width: 18px !important; height: 18px !important; min-width: 16px; } .ginput_container_consent a { color: #ede516; } .ginput_container_consent a:hover { color: #fff; } .ginput_container_consent span.gfield_required.gfield_required_asterisk { /* display: none; */ background: unset; border: none; position: unset; background-image: none !important; } .hasFluidForm .ginput_container_consent a:hover{ color:#000; } /* === testimonials css Start === */ .testimonials { position:relative; } .testimonials .background { background: var(--testimonials-bg-color); position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .testimonials .wrapper { padding-left: 30px; padding-right: 30px; } .testimonials .testimonial-slideshow { max-width: 650px; width: 100%; margin: 0 auto; padding: 0 10px; } .testimonials .background img { max-height: 100%; max-width: 100%; display: inline-block; line-height: 0; height: auto; width: 100%; height: 100%; object-fit: cover; } .testimonials img.stars { display: block; width: auto; height: auto; margin-bottom: 15px; } .testimonials .section-title{ text-transform: uppercase; font-weight: 700; text-align: center; margin-bottom: 16px; color: var(--testimonials-heading-color); } .testimonials .section-title::after { background: var(--testimonials-heading-border-color); } .testimonials .section-content{ color: var(--testimonials-font-color); text-align: center; padding: 0 15px; margin-bottom: 40px; } .testimonials .slick-slide p { margin: 0 0 16px; color: var(--testimonials-font-color); font-family: var(--testimonials-review-font-family); font-size: var(--testimonials-review-font-size); font-style: normal; font-weight: var(--testimonials-review-font-weight); line-height: var(--testimonials-review-line-height); text-align: left; } .testimonials .slick-slide cite { text-align: left; letter-spacing: 1px; display: block; margin: 0; font-family: var(--testimonials-cite-font-family); color: var(--testimonials-cite-font-color); font-weight: var(--testimonials-cite-font-weight); font-size: var(--testimonials-cite-font-size); font-style: var(--testimonials-cite-font-style); line-height: var(--testimonials-cite-font-line-height); text-transform: uppercase; } .testimonials .slick-dots { position: unset; display: block; margin-top: 25px; } .testimonials .slick-dots li { display: inline-block; width: 15px; height: 15px; overflow: hidden; margin: 0 5px; padding: 0; background: none; } .testimonials .slick-dots li button { border-radius: 100%; display: block; background: transparent; text-indent: 100em; overflow: hidden; width: 100%; height: 100%; cursor: pointer; border: 2px solid var(--testimonials-dots-border-color); } .testimonials .slick-dots li.slick-active button, .testimonials .slick-dots li.slick-active button:focus { background: var(--testimonials-dots-active); } .testimonials .slick-prev:before, .testimonials .slick-next:before { width: 20px; content: ""; height: 20px; display: inline-block; background-repeat: no-repeat !important; background-size: contain !important; } .testimonials .slick-prev:before { background: url(assets/images/left-arrow-svgrepo-com.svg); } .testimonials .slick-next:before { background: url(assets/images/right-arrow-svgrepo-com.svg); } .testimonials .testimonial-list li { margin-bottom: 25px; } /* ========= testimonials css END ========== */