/*** RESET ***/ *{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-family:inherit;vertical-align:baseline;font-size:1em;font-style:normal;-webkit-font-smoothing:antialiased;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;/*user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;*/tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;}*, *::before, *::after{-webkit-transition:.5s;-box-transition:.5s;-o-transition:.5s;transition:.5s;}:hover,:active,:focus{outline:0 !important;}html, body{min-height:100%;font-family:sans-serif;font-size:1rem;position:relative;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;padding:0;line-height:1;}article, footer, header, section{display:block;}ol, ul{list-style:none;}a{display:inline-block;text-decoration:none;background-color:transparent;color:initial;}a img{border:none;}a, button, input[type="submit"]{cursor:pointer !important;}button{// background-color:transparent;}img{width:100%;height:auto;}img::selection{fill:none;color:none;display:none;background:none;}input[type="text"], input[type="number"], input[type="search"], input[type="email"], textarea{text-align:left;max-width:100%;}input[type="checkbox"], input[type="radio"]{display:none;}input[type="submit"]{background-color:transparent;}label{display:inline;}textarea{resize:vertical;} /*** END RESET ***/ /*** JEKYLL ***/ #rdb4portfolioGroup1:checked ~ .main .services-header-portfolio-nav-button:nth-child(1), #rdb4portfolioGroup2:checked ~ .main .services-header-portfolio-nav-button:nth-child(2), .jekyllPlaceholderClass { background-color: #E99D14; } .instagram-ad-menu-pricing-list-item { display: none; } #rdb4IGEpricing1:checked ~ .main .instagram-ad-menu-pricing-list-item:nth-child(1), #rdb4IGEpricing2:checked ~ .main .instagram-ad-menu-pricing-list-item:nth-child(2), #rdb4IGEpricing3:checked ~ .main .instagram-ad-menu-pricing-list-item:nth-child(3), .jekyllPlaceholderClass { display: block; } .services-header-portfolio-wrap { display: none; } #rdb4portfolioGroup1:checked ~ .main .services-header-portfolio-wrap.nthChild1, #rdb4portfolioGroup2:checked ~ .main .services-header-portfolio-wrap.nthChild2, .jekyllPlaceholderClass { display: block; } /*** END JEKYLL ***/ /*** CANCEL ***/ html, body, main { width: 100%; height: 100%; } .u-textarea{min-height:7.5em;} p a { text-decoration: underline; } /*** END CANCEL ***/ /*** Z-INDEXES ***/ .extra-wrap:before, .d-wrapEntry,.services-header-description:before{position:relative;z-index:10;} .extra-sample, .header,.banner,.services-header-description:after{position:relative;z-index:20;} .services-header-description-p{position:relative;z-index:30;} .services-content-nav-button, .services-header-portfolio-figure{position:relative;z-index:40;} .services-content-details-box-title,.services-content-details-box-description-p, .services-content-details-box{position:relative;z-index:50;} .menu{position:relative;z-index:60;} .CM-badge{position:relative;z-index:70;} /*** END Z-INDEXES ***/ /*** COLORS ***/ .extra-content, .extra-content:before, .instagram-ad-box, .instagram-ad-menu-pricing-body-p.is-active:before, .instagram-wisdom-content-nav-button, .services-content-details-box-pricing-once-moq, .services-content-details-box-pricing-retainer li:before, .services-content-nav-button-img, .services-header-portfolio-figure:hover, .services-header-portfolio-figure:active, .services-header-portfolio-figure:focus, .services-header-portfolio-nav-button:hover, .services-header-portfolio-nav-button:active, .services-header-portfolio-nav-button:focus, .u-button,.u-cta{background-color:#E99D14;} .footer-quote-word,.header-title,.is-branded{color:#E99D14;} .services-content-details-box-pricing-retainer, .services-header-portfolio-figure, .subPage-content-designs-list-item {border-color:#E99D14;} body, html, .services-content-details-box, .services-content-details-box-title, .services-content-details-box-description-p {background-color:#eee;} #rdb4FAQ1:checked ~ .faq-area .faq-area-list-item:nth-child(1) .faq-area-block-question, #rdb4FAQ2:checked ~ .faq-area .faq-area-list-item:nth-child(2) .faq-area-block-question, #rdb4FAQ3:checked ~ .faq-area .faq-area-list-item:nth-child(3) .faq-area-block-question, #rdb4FAQ4:checked ~ .faq-area .faq-area-list-item:nth-child(4) .faq-area-block-question, #rdb4FAQ5:checked ~ .faq-area .faq-area-list-item:nth-child(5) .faq-area-block-question, .jekyllPlaceholderClassName, .footer-cta-wrap:hover .footer-cta-button, .footer-cta-wrap:focus .footer-cta-button, .footer-cta-button:hover, .footer-cta-button:active, .footer-cta-button:focus{background-color:white;} .extra .u-cta, .banner-cta, .banner-testimonial-nav-button:hover, .banner-testimonial-nav-button:active, .banner-testimonial-nav-button:focus, #rdb4testimonial1:checked ~ .banner-testimonial-nav .banner-testimonial-nav-button:nth-child(1), #rdb4testimonial2:checked ~ .banner-testimonial-nav .banner-testimonial-nav-button:nth-child(2), .contact-header-faq-button:hover, .contact-header-faq-button:active, .contact-header-faq-button:focus, .footer-cta-main, .footer-cta-extra, .CM-badge, .CM-badge a, .faq, .instagram-ad-menu-li:first-child .instagram-ad-box, .instagram-ad-menu-pricing-body-p.is-active, .instagram-ad-menu-pricing-header, .instagram-ad-menu-pricing-nav-button, .services-content-details-box-pricing-once, .services-content-details-box-pricing-retainer label, .services-header-description, .services-content-details-box-pricing-once:hover, .services-content-details-box-pricing-once:active, .services-content-details-box-pricing-once:focus{color:white;} .footer-content-cta-alt { color: white; } .instagram-ad-menu-pricing-body-p.is-inactive:before { background-color: #AAA; } .instagram-ad-menu-pricing-body-p.is-inactive { color: #AAA; } .banner-cta, .banner-cta:before, .banner-testimonial-nav-button:hover, .banner-testimonial-nav-button:active, .banner-testimonial-nav-button:focus, #rdb4testimonial1:checked ~ .banner-testimonial-nav .banner-testimonial-nav-button:nth-child(1), #rdb4testimonial2:checked ~ .banner-testimonial-nav .banner-testimonial-nav-button:nth-child(2), .contact-form-fieldset, .contact-form-fieldset:before, .contact-header-faq-button:hover, .contact-header-faq-button:active, .contact-header-faq-button:focus, .extra .u-cta, .extra-sample-img:hover, .extra-sample-img:active, .extra-sample-img:focus, .faq, .footer-cta-wrap, .CM-badge, .instagram-ad-menu-li:first-child .instagram-ad-box, .instagram-ad-menu-pricing-body, .instagram-ad-menu-pricing-header, .instagram-ad-menu-pricing-nav-button, .services-content-details-box-pricing-once-single, .services-content-details-box-pricing-retainer label, .services-header:before, .services-header-portfolio-nav-button, .services-content-details-box-title:before,.services-content-details-box-pricing-once:hover,.services-content-details-box-pricing-once:active,.services-content-details-box-pricing-once:focus{background-color:#202020;} .extra-sample-img { border-color: #202020; } .instagram-wisdom-content-nav-ig:hover, .instagram-wisdom-content-nav-ig:active, .instagram-wisdom-content-nav-ig:focus { background-color: black; }#rdb4FAQ1:checked ~ .faq-area .faq-area-list-item:nth-child(1) .faq-area-block-question,#rdb4FAQ2:checked ~ .faq-area .faq-area-list-item:nth-child(2) .faq-area-block-question,#rdb4FAQ3:checked ~ .faq-area .faq-area-list-item:nth-child(3) .faq-area-block-question,#rdb4FAQ4:checked ~ .faq-area .faq-area-list-item:nth-child(4) .faq-area-block-question,#rdb4FAQ5:checked ~ .faq-area .faq-area-list-item:nth-child(5) .faq-area-block-question, .jekyllPlaceholderClassName, .services-content-details-box-pricing-once-moq { color: black; } .instagram-ad-box:hover, .instagram-ad-box:active, .instagram-ad-box:focus { color: black !important; } /*** END COLORS ***/ /*** FONTS ***/ @font-face{font-family:"Alba";src:url("../../assets/fonts/alba/alba.ttf");/*src:url("../../assets/fonts/ALPHABETH.eot") format("embedded-opentype"),url("../../assets/fonts/ALPHABETH.woff2") format("woff2"),url("../../assets/fonts/ALPHABETH.woff") format("woff"),url("../../assets/fonts/ALPHABETH.ttf") format("trutype"),url("../../assets/fonts/ALPHABETH.svg") format("svg");*/} @font-face{font-family:"Bahnschrift SemiBold";src:url("../../assets/fonts/bahnschrift/bahnschrift.ttf");/*src:url("../../assets/fonts/ALPHABETH.eot") format("embedded-opentype"),url("../../assets/fonts/ALPHABETH.woff2") format("woff2"),url("../../assets/fonts/ALPHABETH.woff") format("woff"),url("../../assets/fonts/ALPHABETH.ttf") format("trutype"),url("../../assets/fonts/ALPHABETH.svg") format("svg");*/} body,.is-branded{font-family:"Alba", serif;} .banner-testimonial-q, .banner-testimonial span, .banner-testimonial a, .contact-header-email p, .extra-content-text, .faq-area-block-answer, .faq-area-block-question, .footer-copyrights-p, .instagram-ad-text-p, .instagram-ad-menu-pricing-body-p, .instagram-ad-menu-pricing-header-rate, .instagram-ad-menu-pricing-nav, .services-header-description-p, .services-content-details-box-description-p, .services-content-details-box-pricing-once-moq, .services-content-details-box-pricing-switch-span, .services-content-details-box-pricing-retainer-li, .u-input, .u-textarea { font-family: "Bahnschrift SemiBold", sans-serif !important; } /* Rockwell */ .banner-cta,.banner-testimonial-cite,.banner-testimonial-title,.CM-badge,.footer-copyrights-p,.services-content-details-box-description-p,.services-header-description-p{// font-family:"New Times Romans", serif;} .banner-title, .contact-header-title, .footer-cta-word_you, .footer-quote-word, .services-header-title{font-size:3em;} .banner-subtitle, .contact-header-subtitle, .extra-content-title, .footer-cta-word_important, .footer-quote-definition, .header-title, .instagram-ad-box-title, .instagram-ad-menu-pricing-header-number, .instagram-ad-text-title, .services-content-details-box-title{font-size:2em;} .faq-title, .membership-form-message{font-size:1.5em;} .banner-cta, .banner-testimonial-title, .faq-area-block-question, .services-content-details-box-pricing-once-single, .services-content-nav-button-title{font-size:1.25em;} .services-content-details-box-pricing-switch-span{font-size: .75em;} .banner-title span,.banner-subtitle,.contact-header-email,.contact-header-title,.footer-quote,.footer-cta-wrap, .services-content-details-box-pricing-once-moq, .services-content-nav-button-title{text-align:center;}.footer-quote-definition,.footer-quote-title{text-align:left;}.footer-quote-word,.banner-title,.contact-header-subtitle,.faq-area-block-question,.services-header-title{text-align:right;}.services-content-details-box-pricing-switch-span{font-variant: small-caps;}.footer-cta-main{text-transform:uppercase;}.u-cta{text-transform:capitalize;} .d-textBold { font-weight: bold; } .contact-form-button, .footer-cta-button, .d-textUppercase { text-transform: uppercase; } .instagram-ad-menu-pricing-body-p.is-inactive { text-decoration: line-through; } .contact-header-faq-button:hover,.contact-header-faq-button:active,.contact-header-faq-button:focus,.footer-cta-button:hover,.footer-cta-button:active,.footer-cta-button:focus,.footer-copyrights-p a,.services-content-details-box-pricing-once:hover,.services-content-details-box-pricing-once:active,.services-content-details-box-pricing-once:focus,.is-underline{text-decoration:underline;} /*** END FONTS ***/ /*** MEDIA ***/ .header-content a{background-image:url("../../assets/images/icon_email_black.png");background-size:70%;} .header-content a:hover, .header-content a:active, .header-content a:focus {background-image:url("../../assets/images/icon_email_orange.png");background-size:70%;} .instagram-wisdom-content-nav-ig { background-image: url("../../assets/images/icon_instagram_black.png"); background-size: 70%; } .instagram-wisdom-content-nav-ig:hover, .instagram-wisdom-content-nav-ig:active, .instagram-wisdom-content-nav-ig:focus { background-image: url("../../assets/images/icon_instagram_orange.png"); background-size: 70%; } .footer-cta-button:after{background-image:url("../../assets/images/icon_hand_white.png");background-size:cover;}.contact-header-faq-button:hover:after,.contact-header-faq-button:active:after,.contact-header-faq-button:focus:after,.footer-cta:hover .footer-cta-button:after, .footer-cta:active .footer-cta-button:after, .footer-cta:focus .footer-cta-button:after{background-image:url("../../assets/images/icon_hand_orange.png");background-size:cover;}.contact-header-faq-button:after,.services-content-details-box-pricing-once:after{background-image:url("../../assets/images/icon_hand_black.png");background-size:cover;}.contact-header-faq-button:after,.footer-cta-button:after, .header-content a, .instagram-wisdom-content-nav-ig, .services-content-details-box-pricing-once:after{background-repeat:no-repeat;background-position:center;} .instagram-wisdom-content-figure:hover .instagram-wisdom-content-figure-img, .instagram-wisdom-content-figure:active .instagram-wisdom-content-figure-img, .instagram-wisdom-content-figure:focus .instagram-wisdom-content-figure-img { filter:grayscale(75%); } .subPage-content-designs-img { filter: grayscale(100); } .subPage-content-designs-img:hover, .subPage-content-designs-img:active, .subPage-content-designs-img:focus { filter: grayscale(0); } .extra-sample-img, .services-header-portfolio-figure-img{filter:grayscale(100%);}.extra-sample-img:hover,.extra-sample-img:active,.extra-sample-img:focus,.services-header-portfolio-figure:hover .services-header-portfolio-figure-img,.services-header-portfolio-figure:active .services-header-portfolio-figure-img,.services-header-portfolio-figure:focus .services-header-portfolio-figure-img{filter:grayscale(0);} /*** END MEDIA ***/ /*** UTILITIES ***/ .u-button{display:block;text-indent:-9999px !important;width:2.5em;height:2.5em;padding:1em;}.u-cta{display:inline-block;padding:.75em 1em;}.u-submit{display:block;padding:.5em 1em;margin:.5em auto;background-color:#E99D14 !important;}.u-input,.u-textarea{width:100%;padding:.5em 1em;margin:.5em 0;} /*** END UTILITIES ***/ /*** MIXINS ***/ /*** END MIXINS ***/ /*** COMMONS ***/ .d-wrapEntry,.header,.header-content,.services-content-nav-button-title{display:flex;}.d-wrapEntry{flex-direction:column;}.services-content-nav-button-title{align-items:center;}.header{align-items:flex-start;}.services-content-nav-button-title{justify-content:center;}.header-content{justify-content:flex-end;}.banner{flex:1;} .contact-form-button:hover, .contact-form-button:active, .contact-form-button:focus, .instagram-ad-box:hover, .instagram-ad-box:active, .instagram-ad-box:focus { background-color: white !important; text-decoration: underline; } .subPage { display: none; } #chkbx4subPage:checked ~ .main .subPage { display: flex; } /*** END COMMONS ***/ /*** COMPONENTS ***/ .d-wrapEntry{//min-height:90vh;}.d-wrapEntry:after{content:"";position:absolute;bottom:2em;left:0;width:100%;height:100%;background-color:white;}.banner{width:100%;height:100%;}.banner-title{position:relative;left:10%;width:90%;padding:.5em;padding-bottom:0;}.banner-title span{display:block;}.banner-subtitle{padding:1em;padding-top:0;}.banner-cta{padding:1em;}.banner-testimonial-wrap{padding:1em;}.banner-testimonial-cite a,.banner-testimonial-cite-country,.contact-header-email{text-align:left;display: block;}.banner-testimonial-cite{display:block;text-align:right !important;}.banner-testimonial-q{display:block;padding:1em 0;}.banner-testimonial-q{display:block;}.banner-testimonial-cite a{display:block;}.contact-form-fieldset{padding:.5em 1em;}.footer{width:100%;padding:1em;}.footer-cta{}.footer-cta-wrap{padding:1em;}.footer-cta-main{padding-bottom:.5em;}.footer-quote-title,.footer-quote-word{display:block;}.footer-cta-word_important{animation:animate-word_important 2s infinite alternate;}.footer-cta-wrap:hover .footer-cta-word_important,.footer-cta-wrap:active .footer-cta-word_important,.footer-cta-wrap:focus .footer-cta-word_important{//animation-play-state:paused;}.contact-header-faq-button,.footer-cta-button,.services-content-details-box-pricing-once{position:relative;}.contact-header-faq-button:after,.footer-cta-button:after,.services-content-details-box-pricing-once:after{content:"";position:absolute;bottom:-10px;right:15px;width:20px;height:20px;}.contact-header-faq-button:hover:after,.contact-header-faq-button:active:after,.contact-header-faq-button:focus:after,.footer-cta-button:hover:after,.footer-cta-button:active:after,.footer-cta-button:focus:after,.services-content-details-box-pricing-once:hover:after,.services-content-details-box-pricing-once:active:after,.services-content-details-box-pricing-once:focus:after{display:none;}.footer-copyrights-p{padding:1em 0 0 0;}.footer-cta-extra{padding:1em 0;}.header{padding:1em;}.header-content{width:100%;}.menu{position:fixed;top:0;left:0;width:50%;height:100%;background-color:red;}.services{overflow:hidden;}.services-header{//padding:0 .5em;}.services-content-nav-button{position:relative;display:block;margin:.5em;}.services-content-nav-button-title{width:100%;height:100%;position:absolute;top:0;left:0;}.services-content-details-box-pricing{text-align:right;}.services-content-details-box-pricing-retainer{display:block;padding:.5em;border-width:.1em;border-style:solid;}.services-content-details-box-pricing-retainer ul{padding:1em 0;}.services-content-details-box-pricing-retainer li{display:block;text-align:left;}.services-content-details-box-pricing-once,.services-content-details-box-pricing-retainer label{display:inline-block;} .services-content-details-box-pricing-once-moq, .services-content-details-box-pricing-once-single { display: block; } .services-content-details-box-pricing-once-single, .services-content-details-box-pricing-retainer label { padding: .5em 1em; } .services-content-details-box-pricing-once-moq { padding: .25em; } .services-content-details-box-pricing-once{margin:.5em 0;}.services-content-details-box-pricing-retainer li{position:relative;padding-left:.5em;}.services-content-details-box-pricing-retainer li:before{content:"";position:absolute;top:0;bottom:0;left:0;width:.25em;height:.25em;margin:auto;} .services-header{position:relative;} .services-header-title{position:relative;} .services-header-description{position:relative;} .services-header-description:before, .services-header-description:after{content:"";position:absolute;height:100%;background-color:#202020;} .services-header-description:before{width:200%;top:0;left:-100%;} .services-header-description:after{width:100%;top:0;left:90%;} .services-header-description-wrap { overflow: scroll !important; } .services-header-description-p{padding:.5em 0;} .services-header-portfolio{position:absolute;top:0;} .services-header-portfolio-figure{padding:.5em;border-width:.1em;border-style:solid;} .services-header-portfolio-nav { position: absolute; right: 0; z-index: 1000; padding: .25em .5em; } .services-header-portfolio-nav-button { width: 2em; height: .5em; display: inline-block; margin: .25em; } .services-header-description{padding:.5em;} /** .banner **/ .banner-testimonial-nav { display: flex; justify-content: flex-end; text-align: right; } .banner-testimonial-nav-button { width: 2em; height: 2em; display: inline-block; margin: .25em; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .contact-form-fieldset-title { margin: .5em auto; font-size: 1.25em; color: white; } .extra { padding: .5em 0; margin-bottom: 5em; overflow-x: hidden; } .extra-content { position: relative; } .extra-content:before { content: ""; position: absolute; top: 0; left: 100%; width: 190%; height: 100%; } .extra-content-wrap { padding: 1.25em; } .extra-content-title { padding: .25em 0; } .extra-content-text { height: 9em; overflow-y: auto; // display: none; } .extra-content-text-p { margin: 1em 0; } .extra-sample { } .extra-sample-list { display: flex; padding: .5em; } .extra-sample-list-item { flex: 1; display: flex; flex-direction: column; } .extra-sample-img { padding: .5em; border-width: .1em; border-style: solid; } .faq { padding: 0 .5em; overflow: hidden; // padding-top: 2em; } .faq-title { padding-top: 2em; } .faq-area { position: relative; // padding: 2em 0; margin: 2em 0; } .faq-area, .faq-area-block-question { border-width: .1em 0; border-style: solid; border-color: white; } .faq-area-block { } .faq-area-block-answer, .faq-area-block-question { } .faq-area-block-answer { overflow: hidden; background-color: white; } .faq-area-block-answer-p { padding: 1em; color: black; } .faq-area-block-question { position: relative; display: block; padding: 1em; } .faq-area-block-question:after { position: absolute; top: .5em; left: 0; font-size: 1.5em; color: white; } /** .instagram **/ .instagram-ad, .instagram-ad-menu-li { display: flex; } .instagram-ad-box, .instagram-ad-menu, .instagram-ad-sub, .instagram-ad-text { flex: 1; } .instagram-ad-menu-li { padding: 1em 0; } .instagram-ad-menu-pricing-nav { display: flex; } .instagram-ad-menu-pricing-nav { align-items: center; } .instagram-ad-menu-pricing-nav { justify-content: flex-end; } .instagram-ad-menu-pricing-body { padding: 1em; } .instagram-ad-menu-pricing-body-p { position: relative; padding: .25em 0; padding-left: 1.5em; } .instagram-ad-menu-pricing-body-p.is-active:before { content: ""; position: absolute; border-radius: 50%; top: .25em; left: 0; width: 1em; height: 1em; } /* .instagram-ad-menu-pricing-body-p.is-inactive:before { top: .25em; left: .25em; width: .5em; height: .5em; } */ .instagram-ad-menu-pricing-header { padding: 1em; } .instagram-ad-menu-pricing-nav-button { width: 1.9em; height: 1.9em; margin-left: .5em; } .instagram-ad-box { display: block; padding: 1em; } .instagram-ad-text, .instagram-ad-text-p { padding: .5em; } .instagram-wisdom-content-figure { position: relative; } .instagram-wisdom-content-figure-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 3em; // overflow: auto; } /** .membership **/ .membership { margin-top: 2em; background-color: #202020; color: white; } .faq-wrap, .membership-form { padding: 1em .5em; } .membership-form input[type="radio"], .membership-form input[type="checkbox"], .membership-form input[type="radio"] ~ label, .membership-form input[type="radio"] ~ label, .membership-form input[type="checkbox"] ~ label { display: inline-block; vertical-align: middle; } .membership-form input[type="radio"], .membership-form input[type="checkbox"] { width: 1em; } .membership-form-boxOf2 { display: flex; } .membership-form-boxOf1 { margin: 1em 0; line-height: 1.25em; } .membership-form-boxOf1-h1 { display: block; padding: 0 .5em; } .membership-form-boxOf1-h2 { display: block; padding: 0 .5em; font-family: "Bahnschrift Condensed"; } .membership-form-boxOf1-part { padding: .5em; float: left; } .membership-form-boxOf1-part.is-size-25 { width: 25%; } .membership-form-boxOf1-part.is-size-50 { width: 50%; } .membership-form-boxOf1-part.is-size-100 { width: 100%; } .membership-form-boxOf1-part-input { margin: 0; font-family: "Bahnschrift Condensed"; } .membership-form-boxOf1-part-label { padding: .25em .5em; font-size: .75em; font-family: "Bahnschrift condensed"; background-color: white; color: black; } .u-submit { text-transform: uppercase; } .membership-form-message { margin: .5em auto; } .membership-form-message.nthChild1 { text-align: left; } .membership-form-message.nthChild2 { text-align: center; } .membership-form-message.nthChild3 { text-align: left; } .membership-form-message a { color: white; text-decoration: underline; } .membership-form input[type="checkbox"], .membership-form input[type="radio"] { width: 1.5em; height: 1.5em; } .js-form_message-status, .js-form_membership-status { color: white; } /** .subPage **/ .subPage-aside { display: flex; } .subPage-aside { flex-direction: column; } .subPage-aside-pricing, .subPage-content { flex: 1; } .subPage { height: 100%; } .subPage-aside { background-color: #E99D14; } .subPage-aside-nav { padding: 1em; background-color: #202020; color: white; } .subPage-aside-pricing { padding: 1em .5em; text-align: center; } .subPage-aside-pricing-link { text-decoration: underline; } .subPage-aside-pricing-number { font-size: 1.5em; display: inline-block; padding: .25em; margin: .5em 0; background-color: #202020; color: white; } .subPage-aside-pricing-title { font-size: 2em; display: block; } .subPage-content { padding: 1em; overflow-y: scroll; column-gap: 1em; } .subPage-content-designs-list-item { width: 100%; display: inline-block; padding: .5em; border-width: .1em; border-style: solid; border-color: #E99D14; } /*** END COMPONENTS ***/ /*** INTERACTIVITY ***/ .banner-testimonial-nav-button, .instagram-ad-box, .instagram-ad-menu-pricing-nav-button, .services-header-portfolio-nav-button, .subPage-content-designs-img, .u-button,.u-cta,.u-link {cursor:pointer;} .banner-testimonial-quote { display: none; } #rdb4testimonial1:checked ~ .banner-testimonial-quote.is-nthChild1, #rdb4testimonial2:checked ~ .banner-testimonial-quote.is-nthChild2 { display: block; } .instagram-wisdom-content-figure-caption { display: none; } .instagram-wisdom-content-figure:hover .instagram-wisdom-content-figure-caption, .instagram-wisdom-content-figure:active .instagram-wisdom-content-figure-caption, .instagram-wisdom-content-figure:focus .instagram-wisdom-content-figure-caption { display: block; } .instagram-ad-menu-pricing { display: none; } #chkbx4IGEpricing:checked ~ .main .instagram-ad-menu-pricing { display: block; } .membership{height:0;overflow:hidden;}#chkbx4Membership:checked ~ .membership{height:auto;} .faq, .faq-area-block-answer { height: 0; }#rdb4FAQ1:checked ~ .faq-area .faq-area-list-item:nth-child(1) .faq-area-block-answer,#rdb4FAQ2:checked ~ .faq-area .faq-area-list-item:nth-child(2) .faq-area-block-answer,#rdb4FAQ3:checked ~ .faq-area .faq-area-list-item:nth-child(3) .faq-area-block-answer,#rdb4FAQ4:checked ~ .faq-area .faq-area-list-item:nth-child(4) .faq-area-block-answer,#rdb4FAQ5:checked ~ .faq-area .faq-area-list-item:nth-child(5) .faq-area-block-answer, .jekyllPlaceholderClassName, #chkbx4FAQ:checked ~ .faq { height: auto; } .faq-area-block-question:after{ content: "+"}#rdb4FAQ1:checked ~ .faq-area .faq-area-list-item:nth-child(1) .faq-area-block-question:after,#rdb4FAQ2:checked ~ .faq-area .faq-area-list-item:nth-child(2) .faq-area-block-question:after,#rdb4FAQ3:checked ~ .faq-area .faq-area-list-item:nth-child(3) .faq-area-block-question:after,#rdb4FAQ4:checked ~ .faq-area .faq-area-list-item:nth-child(4) .faq-area-block-question:after,#rdb4FAQ5:checked ~ .faq-area .faq-area-list-item:nth-child(5) .faq-area-block-question:after, .jekyllPlaceholderClassName { content: "-"; } .contact-header-faq-alt, .extra-content-cta-alt, .footer-content-cta-alt { display: none; } #chkbx4FAQ:checked ~ .contact .contact-header-faq-alt, #chkbx4Membership:checked ~ .extra .extra-content-cta-alt, #chkbx4Membership:checked ~ .footer .footer-content-cta-alt { display: block; } .services-content-details-list-item{display:none;}#rdb4service1:checked ~ .services-content-details .services-content-details-list-item:nth-child(1),#rdb4service2:checked ~ .services-content-details .services-content-details-list-item:nth-child(2),#rdb4service3:checked ~ .services-content-details .services-content-details-list-item:nth-child(3),#rdb4service4:checked ~ .services-content-details .services-content-details-list-item:nth-child(4),#rdb4service5:checked ~ .services-content-details .services-content-details-list-item:nth-child(5),.jekyllPlaceholderClassName{display:block;}.menu{left:-100%;}#chkbx4Menu:checked ~ .menu{left:0;}#rdb4service1:checked ~ .services-content-nav .services-content-nav-list-item:nth-child(1) .services-content-nav-button-title,#rdb4service2:checked ~ .services-content-nav .services-content-nav-list-item:nth-child(2) .services-content-nav-button-title,#rdb4service3:checked ~ .services-content-nav .services-content-nav-list-item:nth-child(3) .services-content-nav-button-title,#rdb4service4:checked ~ .services-content-nav .services-content-nav-list-item:nth-child(4) .services-content-nav-button-title,#rdb4service5:checked ~ .services-content-nav .services-content-nav-list-item:nth-child(5) .services-content-nav-button-title,.jekyllPlaceholderClassName,.services-content-nav-button-title:hover,.services-content-nav-button-title:active,.services-content-nav-button-title:focus{background-color:#eee;border-width:.1em;border-style:solid;border-color:#E99D14;color:#E99D14;} /*** END INTERACTIVITY ***/ /*** MEDIA QUERIES ***/ @media screen and (max-width:50em){ html, body{font-size:14px;} .nthChild-laptop, .instagram-wisdom-content-sublist-item:nth-child(3) { display: none !important; } .extra-sample { background-color: #E99D14; } .services-content-nav-list{display:flex;} .services-content-details-list-item{flex:1;} .banner-testimonial-q{text-align:right;}.CM-badge{padding:.5em;text-align:center;}.banner-cta{width:75%;}.banner-figure-placeholder{padding:1em;}.banner-figure-wrap{display:none;}.contact-header-email{padding:2.5em 0;}.contact-header-email p{padding:0 1em;}.footer-copyrights-p{text-align:center;}.footer-quote{padding-bottom:2em;}.footer-quote-details{padding:1.5em 0 .5em 0;}.services{padding:3em 0;}.services-content-details-box-title{padding:1em 1em 1em .5em;}.services-content-details-box-description-p{padding:0 1em 1em 1em;}.services-content-details-box-pricing{padding:0 .75em;}.services-content-nav{position:relative;left:35%;width:65%;overflow:auto;}.services-content-nav-list{width:400%;}.services-header-title,.services-header-description{left:35%;width:65%;}.services-header-title{padding:0 .5em .25em 0;}.services-header-description{min-height:17em;}.services-header-description-wrap{max-height:25em;}.services-header-portfolio{width:35%;} .services-header-portfolio-nav { top: -2em; width: 100%; } .contact-header-faq-alt { text-align: center; } .faq-area { // width: 65%;// left: 35%; width: 75%; left: 25%; } .faq-area-block-question:after { // left: 0; } .contact-header-faq-button { margin: 1em; } /** .instagram (media <=) **/ .instagram-ad { flex-direction: column; } .instagram-ad { padding: 1em; } .instagram-wisdom-content { padding: 0 .5em; } .instagram-wisdom-content-figure { padding: 1em .5em; } .instagram-wisdom-content-nav { padding: 1em 0; } .instagram-wisdom-content-nav-button, .instagram-wisdom-content-nav-ig { margin: .25em .5em; } .instagram-wisdom-content-nav-button { padding: .5em; } .membership-form-boxOf2 { flex-direction: column; } .membership-form-boxOf1 { } /** .subPage (media =>) **/ #chkbx4subPage:checked ~ .main .mainPage { display: none; } .subPage { flex-direction: column; } .subPage-content { column-count: 2; } } @media screen and (min-width:50em){ html, body{font-size:16px;} .nthChild-mobile { display: none; } .contact, .footer, .services-content {display:flex;} .contact{align-items:flex-start;} .footer{align-items:flex-end;} .contact-header, .contact-form, .footer-cta,.footer-quote,.services-content-details,.services-content-nav,.services-header-description,.services-header-portfolio{flex:1;}.CM-badge{position:absolute;top:0;right:0;width:10%;padding:1em;}.d-wrapCenter{width:80%;margin:0 auto;}.contact,.footer,.services-content{direction:rtl;}.contact-header,.contact-form,.footer-cta,.footer-quote,.services-content-nav,.services-content-details{direction:ltr;}.banner-cta{position:relative;width:40%;}.banner-cta:before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;}.banner-figure{width:50%;position:relative;left:50%;}.banner-figure-placeholder{visibility:hidden;}.banner-figure-wrap{position:absolute;top:0;left:0;width:100%;height:40em;}.banner-figure-wrap-img{position:sticky;top:0;left:0;}.banner-testimonial{position:relative;width:50%;}.banner-testimonial-wrap{position:absolute;bottom:0;padding:0 3em 3em 0;}.contact{position:relative;// top:-3em;}.contact-header-email{padding:3em 1em;}.contact-form-fieldset{position:relative;}.contact-form-fieldset:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;}.footer-cta{position:relative;top:6em;}.footer-cta-wrap{width:90%;margin-bottom:1em;}.footer-copyrights-wrap{position:relative;left:50%;width:50%;}.footer-copyrights-p{text-align:right;}.services{padding:1em 1em 0 1em;}.services-content-details-box{padding:1em;}.services-content-details-box-description-p{padding:.5em 0;}.services-content-details-box-title{padding:1em 0;}.services-content-nav-list{position:relative;top:-7em;padding:.5em;overflow:auto;}.services-content-nav-list-item{width:50%;float:left;}.services-header{padding-top:15em;}.services-header-title,.services-header-description{left:50%;width:50%;}.services-header-description{min-height:20.5em;padding-left:1em;padding-bottom:7em;}.services-header-description-wrap{max-height:13em;}.services-header-portfolio{width:50%;margin-left:.5em;}.services-header-portfolio-figure{width:50%;}.services-header-portfolio-figure.nthChild-special{position:absolute;right:0;top:25%;} .services-header-portfolio-nav { top: 0; width: 50%; } .extra-wrap { display: flex; align-items: flex-end; } .extra-content, .extra-sample { width: 50%; padding-left: .5em; } .extra-sample-list { align-items: flex-end; } .contact-header-faq-alt { display: none !important; } .faq-area { left: 25%; width: 75%; } .faq-area-block-question:after { // left: .5em; } .contact-header-faq-button { margin-left: 1em; } /** .instagram (media >=) **/ .instagram-wisdom-content-figure { padding: 2em 1em; } .instagram-wisdom-content-nav { padding: 2em 0; } .instagram-wisdom-content-nav-button, .instagram-wisdom-content-nav-ig { margin: .5em 1em; } .instagram-wisdom-content-nav-button { padding: 1em; } /** .membership (media =>) **/ .membership-form-boxOf2 { flex-direction: row; } .membership-form-boxOf1 { display: block; width: 100%; } /** .subPage (media =>) **/ #chkbx4subPage:checked ~ .main .mainPage { position: relative; left: -90%; } .subPage { position: fixed; top: 0; left: 10%; width: 90%; height: 100%; } .subPage-aside { max-width: 20%; } .subPage-content { column-count: 4; } /** .d-wrapCenter (media =>) **/ .d-wrapCenter { max-width: 90em; } } /*** END MEDIA QUERIES ***/ /*** DECORATION ***/ /*** .d-cssCentered ***/ .d-cssCentered { display: flex; align-items: center; justify-content: center; flex-direction: column; } /*** END DECORATION ***/ /*** ANIMATIONS ***/ @keyframes animate-word_important{to{letter-spacing:.05em;}} /*** END ANIMATIONS ***/ /*** BETAs ***/ .header-content-button:hover, .header-content-button:active, .header-content-button:focus { background-color: black; } .instagram-wisdom-content-sublist { display: flex; } .instagram-wisdom-content-sublist { align-items: center; } .instagram-wisdom-content-sublist, .instagram-wisdom-content-sublist-item { flex: 1; } .instagram-wisdom { position: relative; } .instagram-wisdom-content { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } .instagram-wisdom-content-list { width: 500%; overflow: auto; } .instagram-wisdom-content-list-item { position: relative; float: left; overflow: hidden; } .instagram-wisdom-content-sublist { width: 90%; } .instagram-wisdom-content-nav { position: absolute; bottom: 0; right: 0; width: 10%; } .instagram-wisdom-content-nav-button { display: inline-block; text-align: center; } .instagram-wisdom-content-figure-img { background-color: white; } #rdb4IGsection1:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(1), #rdb4IGsection2:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(2), #rdb4IGsection3:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(3), #rdb4IGsection4:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(4), #rdb4IGsection5:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(5) { width: 20%; } .instagram-wisdom-content-list-item { width: 0; } #rdb4IGsection1:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(1) .instagram-wisdom-content-nav, #rdb4IGsection2:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(2) .instagram-wisdom-content-nav, #rdb4IGsection3:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(3) .instagram-wisdom-content-nav, #rdb4IGsection4:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(4) .instagram-wisdom-content-nav, #rdb4IGsection5:checked ~ .instagram-wisdom-content .instagram-wisdom-content-list-item:nth-child(5) .instagram-wisdom-content-nav { display: block; } .instagram-wisdom-content-nav { display: none; } .services-content-details-box-pricing-switch { display: inline-block; vertical-align: middle; } .services-content-details-box-pricing-switch-span { display: block; } /*** BETAs ***/ /*** CSS HACKS ***/ /*** END CSS HACKS ***/ /*** TO DELETE ***/ .services-content-details-box-pricing-once:after{display:none;} .services-content-details-box-pricing-once:hover { text-decoration: none !important; cursor: initial !important; } .services-content-details-box-pricing-once-single:hover { background-color: #E99D14 !important; color: black; } /*** TO DELETE ***/