/********************************* OVERALL STYLING ************************************/ html{ font-family: 'Muli', sans-serif; color:#103A71; font-size:18px; } html body.mobile-device{ font-size:16px; } *{ outline: none; } /*********************** GENERAL STYLES FOR THIS WEBSITE ***********************/ /***** FONTS *****/ p{ font-size:1rem; font-weight:400; } a{ color:#6d6e70; } @media screen and (max-width:479px){ p{ font-size:0.9rem; } } .main-text a{ color:#a70064; } .desktop-device .main-text a:hover{ text-decoration:underline; } /***** FORMS *****/ .form-field{ float:left; width:100%; position:relative; padding-bottom:20px; overflow:hidden; } .form-field-label{ position:absolute; top:6px; left:0; color:#a70064; -webkit-transition:top .5s, color .5s; -moz-transition:top .5s, color .5s; -o-transition:top .5s, color .5s; transition:top .5s, color .5s; } .form-field-line{ position:absolute; bottom:45px; width:100%; height:1px; -webkit-transition:left .5s; -moz-transition:left .5s; -o-transition:left .5s; transition:left .5s; } .form-field-line-inactive{ left:0; background-color:#FFD9EF; } .form-field-line-active{ left:-100%; background-color:#a70064; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], textarea, select{ padding-left:0; padding-right:0; border:none; background:none; font-size:0.9rem; color:#a70064; resize: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { outline:none; } select{ margin-left:0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:1rem; } select::-ms-expand { display: none; } select:active, select:focus{ outline:none; border:none; } .form-field .fa-chevron-down{ position:absolute; top:0; right:0; padding:11px; z-index:-1; background:#a70064; color:#fff; } select option{ } select option:active, select option:focus{ outline:0; border:0; } .form-small-print-wrapper{ } .form-small-print{ float:left; width:auto; padding-right:40px; color:#a70064; font-size:0.85rem; } .form-small-print span.wpcf7-list-item{ margin-left:0; padding-right:30px; } .form-small-print span.wpcf7-list-item::checked{ } .form-small-print-wrapper span.wpcf7-form-control-wrap{ width:auto; } .form-small-print-wrapper > p{ width:auto; float:right; } .form-small-print-wrapper .required-field{ float:left; } body.desktop-device .form-small-print-wrapper .terms:hover{ text-decoration:underline; } .form-small-print.wpcf7-checkbox{ position:relative; } .form-small-print.wpcf7-checkbox .wpcf7-list-item{ background:url(../img/assets/form-checkbox-empty.png) no-repeat 100% 50%; background-size:20px; -webkit-transition:background-size .2s, background-position .2s; -moz-transition:background-size .2s, background-position .2s; -o-transition:background-size .2s, background-position .2s; transition:background-size .2s, background-position .2s; } .form-small-print.wpcf7-checkbox .wpcf7-list-item.checked{ background-image:url(../img/assets/form-checkbox-checked.png); } .form-small-print.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{ } .form-small-print.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]{ position:absolute; top:0; right:0; width:100%; height:100%; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; opacity:0; } /*.form-small-print.wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]::-ms-check { color: transparent; }*/ .form-small-print-wrapper input[type=submit], .form-small-print-wrapper button[type=submit]{ float:right; } div.wpcf7-response-output{ clear:both; /*display:block !important;*/ } /* When field is active */ .form-field.active .form-field-label{ top:calc(100% - 45px); color:#ffd9ef; } .form-field.active .form-field-line-active{ left:0; } @media screen and (max-width:1023px){ } @media screen and (max-width:767px){ .form-small-print-wrapper .required-field, .form-small-print-wrapper .contact-newsletter, .form-small-print-wrapper .terms{ margin-bottom:30px; } .form-small-print-wrapper .terms{ clear:left; } .form-small-print-wrapper input[type=submit], .form-small-print-wrapper button[type=submit]{ } } @media screen and (max-width:479px){ } /*********************** FORMATTING STYLES FOR THIS WEBSITE ***********************/ .home-tile-heading, .body-heading, .sub-heading{ float:left; width:100%; } .home-tile-heading{ margin-bottom:20px; color:#a70064; font-size:4rem; line-height:130%; } .hero-heading{ width:100%; font-size:5.5rem; font-weight:600; color:#fff; line-height:130%; /*opacity:0; transform:scale(0.9);*/ /*-webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; transition:all 2s;*/ } .hero-heading.active{ /*opacity:1; transform:scale(1);*/ } .body-heading{ margin-bottom:40px; font-size:3rem; line-height:110%; font-weight:800; color:#a70064; } .sub-heading{ margin-bottom:20px; font-size:2rem; font-weight:800; line-height:120%; color:#a70064; } .body-text-large{ font-size:1.8rem; line-height:130%; } .body-text-small{ font-size:0.8rem; } .button-standard{ /*float:left; padding:8px 50px; font-size: 0.9rem; background-color:#67a8c5; border:none; color:#fff; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s;*/ } .desktop-device .button-standard:hover { background-color:#0FB3F0; } .pink-button > a, a.pink-button, input.pink-button{ float:left; padding:2px 15px 4px; background-color:#a70064; border:none; color:#fff; -webkit-border-radius:17px; -moz-border-radius:17px; -o-border-radius:17px; border-radius:17px; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s; } a.pink-button-large, .pink-button-large > a, input.pink-button-large{ padding:9px 30px; border-radius:25px; font-size:1.2rem; } .desktop-device .pink-button > a:hover, .desktop-device a.pink-button:hover, .desktop-device input.pink-button:hover { background-color:#103A71; } a.ghost-button-white, .ghost-button-white > a{ background-color:#fff; border-radius:28px; color:#a70064; font-weight:600; } .desktop-device a.ghost-button-white:hover, .desktop-device .ghost-button-white > a:hover{ background-color:#eee; } @media screen and (max-width:1599px){ .home-tile-heading{ font-size:3.5rem; } } @media screen and (max-width:1399px){ .hero-heading{ font-size:4.5rem; } } @media screen and (max-width:1199px){ .home-tile-heading{ font-size:3rem; } .hero-heading{ font-size:3.5rem; } } @media screen and (max-width:1023px){ .home-tile-heading{ font-size:2.5rem; } .hero-heading{ font-size:3.2rem; } .section-heading{ font-size:2.5rem; } .sub-heading{ } .highlighted-text-large{ } .highlighted-text-small{ } .body-text-large{ } .body-text-small{ } } @media screen and (max-height:767px){ .home-tile-heading{ font-size:2.5rem; } .hero-heading{ font-size:3.5rem; } .section-heading{ font-size:2.5rem; } .sub-heading{ font-size:1.4rem; } .highlighted-text-large{ } .highlighted-text-small{ } .body-text-large{ } .body-text-small{ } } @media screen and (max-width:859px){ .hero-heading{ font-size:3rem; } } @media screen and (max-width:767px){ .home-tile-heading{ font-size:2.3rem; } .hero-heading{ font-size:2.8rem; } .body-heading{ margin-bottom:30px; font-size:2.5rem; text-align:center; } .section-heading{ font-size:2rem; } .sub-heading{ font-size:1.4rem; } .highlighted-text-large{ } .highlighted-text-small{ } .body-text-large{ font-size:1.3rem; } .body-text-small{ } } @media screen and (max-width:569px){ .hero-heading{ font-size:2.2rem; } } @media screen and (max-width:479px){ .home-tile-heading{ font-size:1.5rem; } .hero-heading{ margin-bottom: 0; font-size:1.7rem; line-height:130%; } .body-heading{ font-size:1.8rem; } .section-heading{ font-size:1.4rem; } .sub-heading{ font-size:1.2rem; } .highlighted-text-large{ } .highlighted-text-small{ } .body-text-large{ font-size:1.1rem; } .body-text-small{ } } /**************** SEARCH BAR *****************/ #search-bar{ height:50px; top:-50px; z-index:1003; overflow:hidden; background-color:#eee; -webkit-transition:top .5s; -moz-transition:top .5s; -o-transition:top .5s; transition:top .5s; } #search-bar.active{ top:0; } #search-bar-form-wrapper{ float:left; width:calc(100% - 100px); margin-left:2.5%; } #search-bar-form-wrapper form{ float:left; width:100%; max-width:500px; } #search-bar-form-wrapper form label{ float:left; width:calc(100% - 54px); } #search-bar-form-wrapper input[type=search], #search-bar input[type=text], #search-bar-form-wrapper input[type=submit], #search-bar button[type=submit]{ float:left; margin:0; padding-top:5px; padding-bottom:5px; } #search-bar-form-wrapper input[type=search], #search-bar input[type=text]{ margin-top:8px; margin-bottom:8px; margin-left:0; padding:5px 20px; background-color:#ddd; } #search-form-submit-wrapper{ position:relative; width:34px; height:34px; margin:8px 0 8px 20px; } #search-form-submit-wrapper input[type=submit], #search-form-submit-wrapper button[type=submit]{ position:absolute; top:0; left:0; width:100%; height:100%; padding:0; z-index:1; background:none; font-size:0.9rem; } #search-form-submit-wrapper .fa-search{ position:absolute; top:0; left:0; width:100%; height:100%; padding-top:6px; text-align:center; font-size:1.2rem; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } /* Hover */ /*.desktop-device #search-form-submit-wrapper input[type=submit]:hover, .desktop-device #search-form-submit-wrapper button[type=submit]:hover{ background-color:rgba(221,221,221,0.5); -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; }*/ .desktop-device #search-form-submit-wrapper:hover .fa-search, .desktop-device #search-form-submit-wrapper:hover .fa-search{ color:#a70064; } #search-bar-close{ width:50px; height:50px; cursor:pointer; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .search-bar-close-line{ background-color:#103a71; height:3px; width:30px; position:absolute; top:23px; left:10px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #search-bar-close-line-1{ transform:rotate(45deg); } #search-bar-close-line-2{ transform:rotate(-45deg); } .desktop-device #search-bar-close:hover{ background-color:#ccc; } .desktop-device #search-bar-close:hover .search-bar-close-line{ background-color:#a70064; } #page-mask, #home-mobile-instructions-mask{ background-color:rgba(0,0,0,0.5); opacity:0; z-index:-2; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s; } #page-mask.active, #page-mask-instructions.active{ opacity:1; z-index:1002; } #home-mobile-instructions{ opacity:0; z-index:-1; } #home-mobile-instructions.active{ opacity:1; z-index:2001; } #home-mobile-instructions-mask{ opacity:1; } #home-mobile-instructions-content{ float:left; padding:50px; background-color:#fff; } #home-mobile-instructions-content .sub-heading{ } #home-mobile-instructions-close{ float:left; padding:10px 25px; background-color:#a70064; color:#fff; } .desktop-device #home-mobile-instructions-close:hover{ background-color:#103a71; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s; } @media screen and (min-width:1024px){ #page-mask.active{ opacity:0; z-index:-10; } } /****************************** HEADER SECTION ****************************/ .menu-main-nav-container{ height:100%; } /***** STRUCTURE FOR RESIZING HEADER ON SCROLL DOWN FROM TOP *****/ /* Top - large screen */ #site-header{ height:110px; } #sticky-header{ height:110px; } #site-logo img{ height:50px; } /*.main-navigation{ width:calc( 100% - 270px ); }*/ /* Scrolled down - large screen */ .scrolled-down #site-header{ height:50px; } .scrolled-down #sticky-header{ height:50px; } .scrolled-down #site-logo img{ height:30px; } .scrolled-down .main-navigation{ height:50px; } @media screen and (max-width:1024px){ /* Top - small screen */ #site-header{ height:70px; } #sticky-header{ height:70px; } #site-logo img{ height:40px; } /* Scrolled down - small screen */ .scrolled-down #site-header{ height:50px; } .scrolled-down #sticky-header{ height:50px; } .scrolled-down #site-logo img{ height:30px; } } /***** LOGO *****/ #siteLogo{ } #siteLogo p{ margin:0; } /***** MAIN NAV *****/ .main-navigation { } #main-menu{ height:100%; } #main-menu > li{ height:100%; display:table; } #main-menu > li > a { display:table-cell; vertical-align:middle; float:none; padding:0 20px; color:#103A71; font-size:0.7rem; text-transform:uppercase; letter-spacing:1px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; -webkit-transform: translate3d(0, 0, 0); } .desktop-device #main-menu > li > a:hover{ } #main-menu .current_page_item a{ font-weight:700; } #main-nav-hover-line{ position:absolute; left:0; bottom:0; height:3px; width:100px; opacity:0; z-index:-1; background-color:#103a71; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } /* Sub menu */ /* #main-menu > li > ul{ } #main-menu > li:hover > ul{ box-shadow:-3px 1px 6px #aaa; } #main-menu > li > ul > li{ width:20%; padding:0 100px; margin:30px 0; } #main-menu > li > ul > li:last-of-type{ border-right:none; } /* Business products #main-menu > li > ul > .menu-item-797{ width:60%; } /* Personal products #main-menu > li > ul > .menu-item-816{ width:40%; } #main-menu > li > ul > li > a{ color:#103A71; font-size:1.2rem; font-weight:700; } #main-menu > li > ul > li > ul{ margin-top:15px; padding-top:15px; border-top:1px solid #E6E6E6; } #main-menu > li > ul > li > ul > li{ padding-right:20px; } /* Business products #main-menu > li > ul > .menu-item-797 > ul > li{ width:33.3%; } /* Personal products #main-menu > li > ul > .menu-item-816 > ul > li{ width:50%; } #main-menu > li > ul > li > ul > li > a{ float:left; padding:3px 0; color:#a70064; }*/ /* Toggle button */ .menu-toggle{ position:fixed; top:0; right:0; width:70px; height:70px; margin-top:0; z-index:3001; background-color:#fff; } .menu-toggle.inactive{ background:none; } .menu-toggle-line{ height:2px; width:60%; background-color:#555; } #menu-toggle-line-1{ top:35%; left:20%; width:60%; } #menu-toggle-line-2{ top:50%; left:25%; width:50%; } #menu-toggle-line-3{ top:65%; left:20%; width:60%; } .menu-toggle.active{ } .menu-toggle.active, .menu-toggle.inactive{ } .menu-toggle.active #menu-toggle-line-1{ top:50%; transform:rotate(45deg); } .menu-toggle.active #menu-toggle-line-2{ opacity:0; } .menu-toggle.active #menu-toggle-line-3{ top:50%; transform:rotate(-45deg); } .scrolled-down .menu-toggle{ width:50px; height:50px; } .mobile-menu-active .menu-toggle{ } @media screen and (max-width:1399px){ #main-menu > li > ul > li{ padding-left:40px; padding-right:40px; } } @media screen and (max-width:1199px){ #main-menu > li > ul > li{ padding-left:30px; padding-right:30px; } #main-menu > li > ul > li > ul > li > a{ font-size:0.9rem; } } @media screen and (max-width:1024px), screen and (max-height:600px) { /* POINT WHERE MENU CHANGES TO BURGER */ .menu-toggle { display: block; } #main-menu{ display:none; } } /************ SUB MENU NEW VERSION ************/ #main-nav-sub-menu{ background-color:#fff; box-shadow:-3px 4px 6px #ccc; display:none; } #main-nav-sub-menu ul{ margin-left:0; list-style:none; } #main-nav-sub-menu li{ } #main-nav-sub-menu a{ } #main-nav-sub-menu #main-sub-menu{ } #main-nav-sub-menu #main-sub-menu > li > ul{ } #main-nav-sub-menu #main-sub-menu > li:hover > ul{ } #main-nav-sub-menu #main-sub-menu > li{ width:20%; padding:0 50px; margin:30px 0; } #main-nav-sub-menu #main-sub-menu > li:last-of-type{ border-right:none; } #main-nav-sub-menu #main-sub-menu > .menu-item-840{ width:60%; } /* Business products */ #main-nav-sub-menu #main-sub-menu > .menu-item-859{ width:40%; } /* Personal products */ #main-nav-sub-menu #main-sub-menu > li > a{ color:#103A71; font-size:1.2rem; font-weight:700; } #main-nav-sub-menu #main-sub-menu > li > ul{ margin-top:15px; padding-top:15px; border-top:1px solid #E6E6E6; } #main-nav-sub-menu #main-sub-menu > li > ul > li{ padding-right:20px; } #main-nav-sub-menu #main-sub-menu > .menu-item-840 > ul > li{ width:33.3%; } /* Business products */ #main-nav-sub-menu #main-sub-menu > .menu-item-859 > ul > li{ width:50%; } /* Personal products */ #main-nav-sub-menu #main-sub-menu > .menu-item-840 > ul > li:nth-of-type(3n + 1), #main-nav-sub-menu #main-sub-menu > .menu-item-859 > ul > li:nth-of-type(2n + 1){ clear:left; } #main-nav-sub-menu #main-sub-menu > li > ul > li > a{ float:left; padding:3px 0; color:#a70064; } #main-nav-sub-menu a{ -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } .desktop-device #main-nav-sub-menu #main-sub-menu > li > a:hover, .desktop-device #main-nav-sub-menu #main-sub-menu > li > ul > li > a:hover{ /*text-decoration:underline;*/ padding-left:5px; } #main-nav-sub-menu .current_page_item > a{ font-weight:700; } #main-sub-menu-bottom-image{ padding:20px; background-repeat:no-repeat; background-position:50% 50%; } #main-sub-menu-bottom-image *{ margin:0; } @media screen and (max-width:1399px){ #main-nav-sub-menu #main-sub-menu > li > ul > li{ padding-right:10px; } #main-nav-sub-menu #main-sub-menu > li > ul > li > a{ font-size:0.9rem; } } @media screen and (max-width:1199px){ #main-nav-sub-menu #main-sub-menu > .menu-item-840{ padding-right:25px; } #main-nav-sub-menu #main-sub-menu > .menu-item-859{ padding-left:25px; } #main-nav-sub-menu #main-sub-menu > li > ul > li > a{ padding:6px 0; font-size:0.85rem; line-height:130%; } } @media screen and (max-width:1099px){ #main-nav-sub-menu #main-sub-menu > li > ul > li > a{ font-size:0.8rem; } } /*********** HEADER SOCIAL *************/ #header-social-wrapper{ height:100%; margin-left:30px; } .header-social-link{ float:left; } .header-social-link .fa{ height:100%; float:left; padding:5px 10px; color:#103a71; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; transition:color .3s; } .desktop-device #header-social-wrapper .fa:hover{ color:#a70064; } @media screen and (max-width:1024px){ #header-social-wrapper{ display:none; } } #header-social-link-phone{ } #header-social-link-phone-popup{ top:100px; right:-260px; width:250px; padding:12px 20px 14px; /*background-color:#fff; */ background-color:#a70064; border-top:4px solid #a70064; border-bottom:4px solid #a70064; border-left:4px solid #a70064; border-radius:35px 0 0 35px; font-size:1.3rem; color:#fff; text-align:center; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; } #header-social-link-phone-popup.active{ right:0; } #header-social-link-phone-popup span{ } .scrolled-down #header-social-link-phone-popup{ top:50px; } /****************************************** MOBILE MENU **************************************/ #mobile-menu{ left:-100%; width:100%; overflow-y:scroll; background-color:#eee; display:none; } #mobile-menu h4{ height:70px; padding: 19px 0 0; background-color:#a70064; color:#fff; font-size:1.2rem; } #mobile-menu-items ul{ width:100%; } #mobile-menu-items > ul > li ul{ left:100%; } #mobile-menu-items ul li a{ /*padding:5px 20px;*/ padding:10px 20px; /*font-size:0.9rem;*/ font-size:1.1rem; line-height:130%; } #mobile-menu-items #menu-item-912 > a:hover{ background:none; } .mobile-menu-has-child-menu{ /*width:36px; height:36px;*/ width:70px; height:46px; background-image:url(../img/assets/arrow-right-pink.png); } #mobile-menu-go-back{ width:70px; height:70px; background-image:url(../img/assets/arrow-left-white.png); } #mobile-menu-social{ position:relative; left:0; display:table; margin:0 auto; max-width:500px; -webkit-transition:left .3s; -moz-transition:left .3s; -o-transition:left .3s; transition:left .3s; } #mobile-menu-social > li{ width:16.6%; margin-bottom:20px; text-align:center; } #mobile-menu-social > li > a{ padding:3px 10px; color:#103a71; } .desktop-device #mobile-menu-social > li > a:hover{ color:#a70064; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; transition:color .3s; } #mobile-menu-social .fa{ font-size:1.2rem; } #mobile-menu-social.inactive{ left:-100%; } /* Page content fade styling */ #page-wrapper{ -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } /*#page-wrapper.inactive{ -webkit-filter:grayscale(100%) blur(3px); filter:grayscale(100%) blur(3px); }*/ @media screen and (max-width:1024px){ #mobile-menu{ display:block; } } @media screen and (max-width:399px){ #mobile-menu-social > li{ width:33.3%; } } /****************************************** SIDE MENU ***************************************/ #news-sidebar-sticky{ } .side-menu{ float:left; width:100%; } .side-menu a{ float:left; } .side-menu > ul{ } .side-menu > ul > li{ padding:10px 0; border-top:1px solid #ddd; } .side-menu > ul > li > a{ padding:2px 0; color:#103A71; } .side-menu > ul > li > ul{ display:none; } .side-menu > ul > li > ul > li{ } .side-menu > ul > li > ul > li > a{ padding:3px 0; color:#a70064; font-size:0.9rem; } .side-menu > ul > li > .font-pink-standard{ color:#a70064; font-weight:700; } .side-menu-expand{ top:17px; width:17px; height:17px; cursor:pointer; } .side-menu-line{ position:absolute; background-color:#ccc; } .side-menu-line-vertical{ top:0; left:8px; width:1px; height:100%; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s; } .side-menu-line-horizontal{ top:8px; left:0; width:100%; height:1px; } #side-menu-products > ul > li.active .side-menu-line-vertical{ opacity:0; } .desktop-device .side-menu a:hover{ text-decoration:underline; } .blog-sidebar-link{ float:left; width:auto; padding:8px 20px; margin-bottom:20px; clear:both; box-sizing:content-box; background-color:#a70064; border-radius:22px; color:#fff !important; text-align:center; } .blog-sidebar-item{ margin-bottom:30px; } .blog-sidebar-item ul{ margin:0; } .blog-sidebar-expand-heading{ float:left; width:100%; padding:12px 0; cursor:pointer; font-weight:600; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s; } .blog-sidebar-expand-heading .fa{ float:right; margin-top:3px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .blog-sidebar-expand-heading .fa-chevron-down{ } .blog-sidebar-expand-heading.active .fa-chevron-down{ margin-top:6px; transform:rotate3d(1, 0, 0, 180deg); } .desktop-device .blog-sidebar-expand-heading:hover{ background-color:#eee; } .side-menu .archives, #side-menu-blog-categories{ display:none; } .blog-sidebar-item input[type="search"]{ border-top:1px solid #eee; border-bottom:1px solid #eee; color:#103a71; } /* Sticky version */ .body-with-left-menu-sticky.active{ position:fixed; top:50px; background-color:#fff; z-index:1000; } .body-with-left-menu-sticky.active.stuck-bottom{ position:absolute; top:auto; bottom:0; } .body-with-left-menu-sticky.scroll{ overflow-y:scroll; } @media screen and (max-height:899px){ .side-menu > ul > li > ul > li > a{ padding:0; } } /***** SOCIAL *****/ [class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.2rem; } @media screen and (max-width:1139px){ .header-social{ margin-left:20px; } /*[class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.2rem; }*/ } @media screen and (max-width:1023px){ [class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1rem; } } @media screen and (max-width:939px){ .header-social{ margin:0 100px 0 0; } } /************************************* RIGHT POP IN MENU ***************************************/ #right-pop-in-menu{ top:20%; width:80px; border-radius:40px 0 0 40px; z-index:1; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } #right-pop-in-menu > ul{ width:auto; max-width:280px; margin:0; list-style:none; } #right-pop-in-menu > ul > li{ width:280px; clear:both; } .right-pop-in-link{ float:left; width:280px; padding:22px 0 0 30px; height:80px; color:#fff; font-size:1.2rem; } .right-pop-in-link .fa{ float:left; width:55px; font-size:2.1rem; } .right-pop-in-link-text{ float:left; margin:2px 0 0; } #right-pop-in-menu:hover{ width:280px; } @media screen and (max-width:1023px){ #right-pop-in-menu{ display:none; } } /****************************** HERO **********************************/ #hero-wrapper{ /*max-height:650px;*/ max-height:60vh; overflow:hidden; margin-top:50px; } #hero-content{ z-index:1; background:rgba(0, 0, 0, 0.5); } #hero-text{ overflow:visible; } #hero-text p{ margin:0; } @media screen and (max-height:767px){ #hero-wrapper{ /*max-height:400px;*/ } } @media screen and (max-width:1023px){ #hero-wrapper{ /*max-height:400px;*/ } } @media screen and (max-width:767px){ #hero-wrapper{ /*max-height:300px;*/ } } @media screen and (max-width:479px){ #hero-wrapper{ /*max-height:none;*/ } #hero-text > h1{ line-height:110%; } } @media screen and (max-height:479px){ #hero-wrapper{ max-height:none; } } /****************************************** FOOTER **************************************/ #site-footer{ -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #site-footer *{ font-size:0.9rem; } .footer-column{ padding-right:5%; } #footer-column-logo{ width:23%; } #footer-column-logo img{ width:100%; height:90px; } #footer-column-legal{ width:40%; } #footer-column-address{ width:22%; } #footer-column-social{ width:15%; padding-right:0; } #footer-column-social ul{ width:auto; margin:0 0 20px; } #footer-column-social ul li{ width:auto; } #footer-column-social ul li a{ padding:0 0.6rem; color:#a70064; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; -o-transition:color 0.2s; transition:color 0.2s; } #footer-column-social ul li a i{ font-size:1.2rem; } .desktop-device #footer-column-social ul li a:hover{ color:#103A71; } .footer-column-social-page-link{ float:left; clear:both; margin-bottom:10px; -webkit-transition:color .5s; -moz-transition:color .5s; -o-transition:color .5s; transition:color .5s; } body.desktop-device .footer-column-social-page-link:hover{ color:#999; } #footer-column-social .menu-footer-menu-container{ opacity: 1; } #footer-column-social .menu-footer-menu-container .menu{ } #footer-column-social .menu-footer-menu-container .menu-item{ width: 100%; margin-bottom: 10px; } #footer-column-social .menu-footer-menu-container .menu-item a{ padding: 0; } .desktop-device #footer-column-social .menu-footer-menu-container .menu-item a:hover{ } @media screen and (max-width:1023px){ #footer-column-logo{ width:40%; margin-bottom:50px; } #footer-column-legal{ width:60%; margin-bottom:50px; padding-right:0; text-align:right; } #footer-column-address{ width:60%; clear:left; } #footer-column-social{ width:40%; } #footer-column-social ul{ float:right; } } @media screen and (max-width:767px){ #footer-column-legal p, #footer-column-address p{ font-size:0.8rem; } } @media screen and (max-width:479px){ #footer-column-logo, #footer-column-legal, #footer-column-social{ width:100%; margin-bottom:30px; padding-right:0; } #footer-column-legal{ text-align:left; } #footer-column-address{ display:none; } #footer-column-social{ margin-bottom:0; } #footer-column-social ul{ float:left; } } /***************************** TEASERS ***************************/ .teasers-heading{ padding-left:3%; } .teaser-wrapper{ /*padding-right:6%;*/ padding-left:3%; padding-right:3%; } .teaser-wrapper.teaser-wrapper-left{ padding-left:0; padding-right:6%; } .teaser-wrapper img{ margin-bottom:10px; } .teaser-heading{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #DFE3EE; } body.desktop-device .teaser-wrapper-read-more:hover{ text-decoration:underline; } .product-teaser-wrapper{ margin-bottom:50px; padding-right:3%; } .product-teaser-wrapper:nth-of-type(3n+1){ clear:left; } .product-teaser-wrapper img{ margin-bottom:0; } .product-teaser-wrapper .teaser-heading{ padding-top:10px; font-size:1.2rem; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; transition:color .3s; } body.desktop-device .product-teaser-wrapper:hover .teaser-heading{ color:#103a71; } .teaser-wrapper-news:nth-of-type(2n+1){ clear:left; } /* Teasers in an Owl carousel */ .owl-nav{ float:left; width:100%; } .owl-prev, .owl-next{ cursor:pointer; } .owl-prev{ float:left; } .owl-next{ float:right; } @media screen and (max-width:1023px){ .product-teaser-wrapper:nth-of-type(3n+1){ clear:none; } .product-teaser-wrapper:nth-of-type(2n+1){ clear:left; } .teaser-heading{ font-size:1.1rem; } } @media screen and (max-width:767px){ .teaser-wrapper{ margin-bottom:50px; } .teaser-heading{ font-size:1rem; } .team-member-content > p{ font-size:0.9rem; } .product-teaser-wrapper:nth-of-type(2n+1){ clear:none; } .product-teaser-wrapper:nth-of-type(3n+1){ clear:left; } .product-teaser-wrapper .teaser-heading{ font-size:1rem; } } @media screen and (max-width:479px){ .teaser-wrapper{ padding-right:0; } .half-content-middle-gap .product-teaser-wrapper{ padding-right:6%; } .teaser-heading{ font-size:0.9rem; } .team-member-content > p{ font-size:0.8rem; } .product-teaser-wrapper:nth-of-type(3n+1){ clear:none; } .product-teaser-wrapper:nth-of-type(2n+1){ clear:left; } .product-teaser-wrapper .teaser-heading{ font-size:0.9rem; } } /******************************* HIGHLIGHT BACKGROUND BITS OF TEXT *************************/ .highlight-text{ display:inline; position:relative; overflow:-moz-hidden-unscrollable; z-index:1; } #hero-wrapper .highlight-text{ z-index:-1; } .highlight-text-block{ position:absolute; bottom:0; left:0; height:0; z-index:-1; -webkit-transition:height 1s; -moz-transition:height 1s; -o-transition:height 1s; transition:height 1s; } .highlight-text.active .highlight-text-block{ } .highlight-text-pink .highlight-text-block{ background-color:#a70064; } .highlight-text-yellow .highlight-text-block{ /*background-color:yellow;*/ background-color:#DFE3EE; } .highlight-text-blue .highlight-text-block{ background-color:#103A71; } .highlight-text-grey .highlight-text-block{ background-color:#DFE3EE; } /**************************** OTHER CLASSES ***************************/ .body-with-left-menu > .left-content{ width:280px; } .body-with-left-menu > .right-content{ width:calc(100% - 280px); } @media screen and (max-width:768px){ .body-with-left-menu > .left-content{ display:none; } .body-with-left-menu > .right-content{ width:100%; } } @media screen and (max-height:767px){ .body-with-left-menu > .left-content{ display:none; } .body-with-left-menu > .right-content{ width:100%; } } .half-content-middle-gap > .left-content{ padding-right:30px; } .half-content-middle-gap > .right-content{ padding-left:30px; } @media screen and (max-width:767px){ .half-content-middle-gap > .left-content, .half-content-middle-gap > .right-content{ padding-left:0; padding-right:0; } } .section-text-standard a{ color:#a70064; } .section-translate{ transform:translateY(50px); -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .desktop-device .main-text .quote-link{ -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s; } .desktop-device .main-text .quote-link:hover{ text-decoration:none; background-color:#103a71; } /************************************************************************************ INDIVIDUAL PAGE *************************************************************************************/ /***************************** HOME PAGE ******************************/ .home-tile-section{ } .scrolled-down .home-tile-section{ } .home-tile-single-wrapper{ z-index:-1; } /*.home-tile-section-content{ padding-top:110px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } .scrolled-down .home-tile-section-content{ padding-top:50px; }*/ .home-tile-section-text .home-tile-section-content{ padding-left:20%; } .home-tile-section-image{ } .home-tile-section-image video{ width:auto; max-width:100%; height:100%; } /*.home-tile-section-image img{ max-height:calc(100% - 110px); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } .scrolled-down .home-tile-section-image img{ max-height:calc(100% - 50px); }*/ .home-tile-section-heading{ } .home-tile-content-wrapper{ top:50px; opacity:0; -webkit-transition:opacity .5s, top .5s; -moz-transition:opacity .5s, top .5s; -o-transition:opacity .5s, top .5s; transition:opacity .5s, top .5s; } .home-tile-content-wrapper.active{ top:0; opacity:1; } .home-tile-section-content-body{ top:50%; left:10%; } .home-tiles-section-tile-nav{ width:100%; height:20px; margin-top:80px; } .home-tiles-section-tile-nav-item{ position:relative; left:auto; top:auto; float:left; width:30px; height:30px; margin-right:30px; background:none; cursor:pointer; } .home-tiles-section-tile-nav-item.active{ } .home-tiles-section-tile-nav-item .home-tiles-section-tile-nav-item-blob{ top:11px; left:11px; right:auto; width:8px; height:8px; background-color:#a70064; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; } .home-tiles-section-tile-nav-item.active .home-tiles-section-tile-nav-item-blob{ top:5px; left:5px; width:20px; height:20px; } #home-tiles-navigation-wrapper{ top:25%; right:2%; width:26px; height:382px; z-index:1000; } .home-tile-section-nav-item{ width:30px; height:30px; } .home-tile-section-nav-item-blob{ position:absolute; top:10px; left:10px; width:10px; height:10px; background-color:#103A71; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; } /*.home-tile-section-nav-item.active{ width:26px; height:26px; top:0; left:0; }*/ /*.home-tile-section-nav-item-blob{ width:10px; height:10px; }*/ .home-tile-section-nav-item.active .home-tile-section-nav-item-blob{ width:26px; height:26px; top:2px; left:2px; } #home-tile-section-1-nav-item{ top:8px; } /*#home-tile-section-1-nav-item.active{ top:0; }*/ #home-tile-section-2-nav-item{ top:68px; } /*#home-tile-section-2-nav-item.active{ top:60px; }*/ #home-tile-section-3-nav-item{ top:128px; } /*#home-tile-section-3-nav-item.active{ top:120px; }*/ #home-tile-section-4-nav-item{ top:188px; } /*#home-tile-section-4-nav-item.active{ top:180px; }*/ #home-tile-section-5-nav-item{ top:248px; } /*#home-tile-section-5-nav-item.active{ top:240px; }*/ #home-tile-section-6-nav-item{ top:308px; } /*#home-tile-section-6-nav-item.active{ top:300px; }*/ #home-tile-section-7-nav-item{ top:368px; } /*#home-tile-section-7-nav-item.active{ top:360px; }*/ .teaser-content{ } @media screen and (max-width:1599px){ .home-tile-section-text .home-tile-section-content{ width:85%; padding-left:15%; } } @media screen and (max-width:1023px){ .home-tile-section-text .home-tile-section-content{ width:90%; padding-left:10%; } body.orientation-portrait .home-tile-section-content-main{ margin-bottom:35%; } .home-tile-section-image{ width:100%; opacity:0.3; } .home-tile-section-text{ width:90%; } .home-tile-section-text.content-left .home-tile-section-content{ padding-left:20px; padding-right:0; } .home-tile-section-text.content-right .home-tile-section-content{ padding-left:0; padding-right:20px; } } @media screen and (max-height:599px){ .home-tile-section-nav-item{ } #home-tile-section-2-nav-item{ top:48px; } /*#home-tile-section-2-nav-item.active{ top:40px; }*/ #home-tile-section-3-nav-item{ top:88px; } /*#home-tile-section-3-nav-item.active{ top:80px; }*/ #home-tile-section-4-nav-item{ top:128px; } /*#home-tile-section-4-nav-item.active{ top:120px; }*/ #home-tile-section-5-nav-item{ top:168px; } /*#home-tile-section-5-nav-item.active{ top:160px; }*/ #home-tile-section-6-nav-item{ top:208px; } /*#home-tile-section-6-nav-item.active{ top:200px; }*/ #home-tile-section-7-nav-item{ top:248px; } /*#home-tile-section-7-nav-item.active{ top:240px; }*/ } @media screen and (max-width:767px){ /*.home-tile-section-image{ width:80%; opacity:0.3; } .home-tile-section-text{ width:90%; } .home-tile-section-text.content-left .home-tile-section-content{ padding-left:20px; padding-right:0; } .home-tile-section-text.content-right .home-tile-section-content{ padding-left:0; padding-right:20px; }*/ body.orientation-portrait .home-tile-section-content-main{ margin-bottom:15%; } } @media screen and (max-width:479px){ .home-tiles-section-tile-nav{ margin-top:120px; } /*body.orientation-portrait .home-tile-section-content-main{ margin-bottom:55%; }*/ } @media screen and (max-height:379px){ .home-tile-section-nav-item{ } #home-tile-section-2-nav-item{ top:38px; } /*#home-tile-section-2-nav-item.active{ top:30px; }*/ #home-tile-section-3-nav-item{ top:68px; } /*#home-tile-section-3-nav-item.active{ top:60px; }*/ #home-tile-section-4-nav-item{ top:98px; } /*#home-tile-section-4-nav-item.active{ top:90px; }*/ #home-tile-section-5-nav-item{ top:128px; } /*#home-tile-section-5-nav-item.active{ top:120px; }*/ #home-tile-section-6-nav-item{ top:158px; } /*#home-tile-section-6-nav-item.active{ top:150px; }*/ #home-tile-section-7-nav-item{ top:188px; } /*#home-tile-section-7-nav-item.active{ top:180px; }*/ } /***** MOBILE VERSION WITH ONLY ONE TILE PER SECTION *****/ body.mobile-device .home-tiles-section-tile-nav{ display:none; } body.mobile-device #home-tiles-navigation-wrapper{ display:none; } body.mobile-device .home-tiles-hide-on-mobile{ display:none; } body.mobile-device .home-tile-content-wrapper{ top:0; opacity:1; } body.mobile-device .home-tile-section-image.sticky-content{ position:absolute; } body.mobile-device .home-tile-section-text.sticky-content{ position:absolute; } /*********************** NEW MOBILE VERSION WITH VIDEO AND BUTTON LINK ONLY **********************/ body.mobile-device.page-id-7{ height:100vh; overflow:hidden; } body.mobile-device.page-id-7 #site-header, body.mobile-device.page-id-7 #site-header > div, body.mobile-device.page-id-7 #site-header > div > div, body.mobile-device.page-id-7 #site-header > div > div > div, body.mobile-device.page-id-7 #site-header > div > div > nav, body.mobile-device.page-id-7 #menu-toggle-header{ background:none !important; } body.mobile-device.page-id-7 .menu-toggle-line{ background-color:#fff; } body.mobile-device.page-id-7 #page-mask{ opacity:1; z-index:-1; } #home-mobile-content-wrapper{ } #home-mobile-video-wrapper{ z-index:-1; } #home-mobile-video{ min-height:100%; object-fit:cover; width:100%; } #home-mobile-mask{ background:rgba(0,0,0,0.5); } #home-mobile-content{ padding-left:15%; padding-right:15%; z-index:10; } #home-mobile-content .body-heading{ } #home-mobile-content-link-wrapper{ bottom:15%; } body.orientation-landscape #home-mobile-content-link-wrapper{ bottom:5%; } #home-mobile-content-link{ display:table; margin:0 auto; padding:5px 40px; border:1px solid #fff; border-radius:20px; color:#fff; } body.mobile-device.page-id-7.orientation-portrait .home-tile-heading{ margin-bottom:100px; } /*body.mobile-device.page-id-7.orientation-portrait #home-mobile-content-link-wrapper{ }*/ body.mobile-device.page-id-7.orientation-landscape .home-tile-heading{ margin-bottom:100px; } /*body.mobile-device.page-id-7.orientation-landscape #home-mobile-content-link-wrapper{ }*/ @media screen and (min-width:1024px){ /*body.mobile-device.page-id-7.orientation-portrait #home-mobile-content{ } body.mobile-device.page-id-7.orientation-portrait .home-tile-heading{ } body.mobile-device.page-id-7.orientation-portrait #home-mobile-content-link-wrapper{ } body.mobile-device.page-id-7.orientation-portrait #home-mobile-content-link{ } body.mobile-device.page-id-7.orientation-landscape #home-mobile-content{ }*/ body.mobile-device.page-id-7.orientation-landscape .home-tile-heading{ font-size:4rem; } body.mobile-device.page-id-7.orientation-landscape #home-mobile-content-link-wrapper{ bottom:18%; } body.mobile-device.page-id-7.orientation-landscape #home-mobile-content-link{ font-size:1.3rem; } } @media screen and (max-width:1023px){ /*body.mobile-device.page-id-7.orientation-portrait #home-mobile-content{ }*/ body.mobile-device.page-id-7.orientation-portrait .home-tile-heading{ font-size:4rem; } /*body.mobile-device.page-id-7.orientation-portrait #home-mobile-content-link-wrapper{ }*/ body.mobile-device.page-id-7.orientation-portrait #home-mobile-content-link{ font-size:1.3rem; } /*body.mobile-device.page-id-7.orientation-landscape #home-mobile-content{ } body.mobile-device.page-id-7.orientation-landscape .home-tile-heading{ }*/ body.mobile-device.page-id-7.orientation-landscape #home-mobile-content-link-wrapper{ bottom:15%; } /*body.mobile-device.page-id-7.orientation-landscape #home-mobile-content-link{ }*/ } @media screen and (max-width:767px){ /*body.mobile-device.page-id-7.orientation-portrait #home-mobile-content{ } body.mobile-device.page-id-7.orientation-portrait .home-tile-heading{ }*/ body.mobile-device.page-id-7.orientation-portrait #home-mobile-content-link-wrapper{ bottom:22%; } /*body.mobile-device.page-id-7.orientation-portrait #home-mobile-content-link{ } body.mobile-device.page-id-7.orientation-landscape #home-mobile-content{ }*/ body.mobile-device.page-id-7.orientation-landscape .home-tile-heading{ margin-bottom:30px; font-size:1.8rem; } body.mobile-device.page-id-7.orientation-landscape #home-mobile-content-link-wrapper{ bottom:5%; } /*body.mobile-device.page-id-7.orientation-landscape #home-mobile-content-link{ }*/ } @media screen and (max-width:479px){ /*body.mobile-device.page-id-7.orientation-portrait #home-mobile-content{ }*/ body.mobile-device.page-id-7.orientation-portrait .home-tile-heading{ margin-bottom:50px; font-size:2.2rem; } body.mobile-device.page-id-7.orientation-portrait #home-mobile-content-link-wrapper{ bottom:10%; } body.mobile-device.page-id-7.orientation-portrait #home-mobile-content-link{ font-size:1rem; } /*body.mobile-device.page-id-7.orientation-landscape #home-mobile-content{ }*/ body.mobile-device.page-id-7.orientation-landscape .home-tile-heading{ margin-bottom:20px; font-size:1.5rem; } /*body.mobile-device.page-id-7.orientation-landscape #home-mobile-content-link-wrapper{ }*/ body.mobile-device.page-id-7.orientation-landscape #home-mobile-content-link{ font-size:1rem; } } /***************************** ABOUT PAGE ******************************/ .intro-text p, .intro-text .body-heading{ margin:0; } .about-full-width-image-section{ position:relative; overflow:hidden; } .about-full-width-image-section-image{ z-index:-1; } .about-full-width-image-section-image-mask{ background-color:rgba(0, 0, 0, 0.5); } .about-full-width-image-section-text{ } .about-full-width-image-section-text *{ color:#fff; font-size:1.8rem; line-height:130%; } .about-full-width-image-section-text a.ghost-button-white, .about-full-width-image-section-text .ghost-button-white > a{ margin-top:10px; padding:7px 20px; font-size:1.1rem; } #about-latest-stories .teaser-wrapper-news{ } #about-latest-stories .teaser-wrapper-news:nth-of-type(2n+1){ clear:none; } #about-latest-stories .teaser-wrapper-news:nth-of-type(3n+1){ clear:left; } .about-full-width-heading{ } .about-full-width-heading p{ margin-bottom:0; } .about-full-width-heading .body-heading{ position:relative; margin-bottom:0; } .about-full-width-heading .body-heading, .about-full-width-heading .highlight-text{ font-size:3rem; } @media screen and (max-width:1499px){ .about-full-width-image-section{ padding-top:150px; padding-bottom:150px; } } @media screen and (max-width:1399px){ .about-full-width-image-section{ } .about-full-width-image-section-text *{ font-size:1.6rem; } } @media screen and (max-width:1299px){ .about-full-width-image-section{ padding-top:100px; padding-bottom:100px; } .about-full-width-image-section-text *{ font-size:1.5rem; } } @media screen and (max-width:1199px){ .about-full-width-image-section{ } .about-full-width-image-section-text *{ font-size:1.4rem; } } @media screen and (max-width:1099px){ .about-full-width-image-section{ } .about-full-width-image-section-text *{ } } @media screen and (max-width:1023px){ .about-full-width-image-section{ } .about-full-width-image-section-text *{ font-size:1.2rem; } .about-full-width-image-section-text a.ghost-button-white, .about-full-width-image-section-text .ghost-button-white > a{ font-size:1rem; } .about-full-width-heading .body-heading, .about-full-width-heading .highlight-text{ font-size:2rem; } } @media screen and (max-width:767px){ .intro-text p, .intro-text .body-heading{ margin-bottom:30px; } .intro-text .right-content{ text-align:center; } #main-text-about img{ margin-bottom:30px; } .about-full-width-image-section{ padding-top:50px; padding-bottom:50px; } .about-full-width-image-section-text *{ } #about-latest-stories .teaser-wrapper-news:nth-of-type(3n+1){ clear:none; } #about-latest-stories .teaser-wrapper-news:nth-of-type(2n+1){ clear:left; } .about-full-width-heading .body-heading, .about-full-width-heading .highlight-text{ font-size:1.5rem; } .popular-product-teaser .popular-product-teaser-category{ font-size:0.9rem; } } @media screen and (max-width:479px){ .about-full-width-image-section{ } .about-full-width-image-section-text *{ font-size:0.9rem; } .about-full-width-image-section-text a.ghost-button-white, .about-full-width-image-section-text .ghost-button-white > a{ margin-top:0; padding:5px 15px; font-size:0.9rem; } .about-full-width-image-section-image{ left:-20%; width:140%; } .about-full-width-image-section-image img{ width:100%; } .about-full-width-heading .body-heading, .about-full-width-heading .highlight-text{ font-size:1.2rem; } .popular-product-teaser .popular-product-teaser-category{ font-size:0.8rem; } } /***************************** CATEGORY PAGE ******************************/ /***************************** PRODUCT PAGE ******************************/ /* Right button to scroll to contact form */ #product-right-menu{ top:20%; border-radius:40px 0 0 40px; z-index:1; -webkit-transition:transform .5s; -moz-transition:transform .5s; -o-transition:transform .5s; transition:transform .5s; } /*body.scrolled-down #product-right-menu{ transform:translateX(170px); } .desktop-device #product-right-menu:hover{ transform:translateX(0); }*/ #product-right-menu a{ float:left; width:250px; padding:22px 0 0 30px; height:80px; /*background-repeat:no-repeat; background-position:20px 50%; background-size:60px auto;*/ color:#fff; font-size:1.2rem; } /*#scroll-to-contact-form{ background-image:url(../img/icons/paper-write-icon.jpg); }*/ #scroll-to-contact-form-icon-image{ float:left; font-size:2.1rem; } #scroll-to-contact-form-icon-text{ float:left; margin:2px 0 0 30px; } @media screen and (max-width:1023px){ #product-right-menu{ display:none; } } /***************************** CONTACT PAGE ******************************/ #contact-phone-cta{ text-align:center; } .cta-large{ } #contact-phone-cta .cta-large{ float:none; padding:20px 50px; border-radius:50px; font-size:2rem; } .contact-link-icon{ float:left; margin-bottom:5px; clear:left; } .contact-link-icon-image{ float:left; width:36px; height:36px; margin-right:10px; border-radius:50%; background-color:#a70064; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s; } .social-icon-contact{ float:left; width:36px; padding-top:7px; color:#fff; font-size:1.2rem; text-align:center; } .contact-link-icon-text{ float:left; padding-top:3px; color:#fff; -webkit-transition:color .5s; -moz-transition:color .5s; -o-transition:color .5s; transition:color .5s; } .desktop-device .contact-link-icon:hover .contact-link-icon-image{ background-color:#999; } .desktop-device .contact-link-icon:hover .contact-link-icon-text{ color:#999; } #google-map iframe{ border:none; } @media screen and (max-width:1023px), screen and (max-height:767px){ #google-map iframe{ height:400px; } } @media screen and (max-width:767px){ #google-map iframe{ height:300px; } } @media screen and (max-height:479px){ #google-map iframe{ height:250px; } } @media screen and (max-width:479px){ #google-map iframe{ height:200px; } } /***************************** BLOG PAGES ******************************/ .alm-btn-wrap{ padding:0; } .alm-reveal{ float:left; width:100%; } button.alm-load-more-btn{ margin-bottom:0; } /*************************** SEARCH RESULTS ***************************/ .search-result-teaser{ float:left; margin-bottom:50px; } .search-result-teaser .entry-title a{ color:#103a71; } .search-result-teaser .posted-on a, .search-result-teaser .byline a{ color:#a70064; } .search-result-teaser .search-result-teaser-read-more{ color:#a70064; } .desktop-device .search-result-teaser .search-result-teaser-read-more:hover{ text-decoration:underline; } .pagination{ padding-left:0; } .pagination a{ color:#103a71; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s; } .pagination .current{ color:#a70064; } .desktop-device .pagination a:hover{ background-color:#eee; } #blog-sidebar-item-search form, #search-body form{ float:left; width:100%; max-width:300px; position:relative; } #blog-sidebar-item-search #search-form-submit-wrapper, #search-body #search-form-submit-wrapper{ position:absolute; top:0; right:0; margin-left:0; } /*************************** SITEMAP ***************************/ body.sitemap .main-body ul{ width:calc(100% - 20px); margin-left:20px; } body.sitemap .main-body ul ul{ } @media screen and (max-width:479px){ body.sitemap .main-body ul li a{ font-size:0.9rem; } } /********************************* SITE COLOURS ************************************/ .font-pink-standard{color:#a70064;} .desktop-device .font-pink-standard-hover:hover{color:#a70064;} .bg-pink-standard{background-color:#a70064;} .desktop-device .bg-pink-standard-hover:hover{background-color:#a70064;} .font-blue{color:#103A71;} .desktop-device .font-blue-hover:hover{color:#103A71;} .bg-blue{background-color:#103A71;} .desktop-device .bg-blue:hover{background-color:#103A71;} .font-grey{color:#DFE3EE;} .desktop-device .font-grey-hover:hover{color:#DFE3EE;} .bg-grey{background-color:#DFE3EE;} .desktop-device .bg-grey-hover:hover{background-color:#DFE3EE;} .bg-blue-soft{ background-color:#F8FBFD; } /******************************************************************************* Privacy Page GDPR Update 180523 *******************************************************************************/ #gdpr *{ } #gdpr p{ } #gdpr a{ } #gdpr li{ line-height:160%; } #gdpr table{ width:100%; } #gdpr table{ margin-bottom:20px; border-collapse:collapse; } #gdpr table tr{ } #gdpr table th{ padding:5px 10px; border:#103A71 solid 1px; background: #666; color:#fff !important; } #gdpr table th p{ color:#fff !important; } #gdpr table td{ padding:5px 10px; border:#103A71 solid 1px; vertical-align: top; } #gdpr table p{ padding:0; margin:0; line-height: 160%; } /*** ADDED 4-10-2019 TO ACCOUNT FOR UPDATE TO AJAX LOADER THAT PUTS THE LOAD MORE OVER THE TOP OF ARTICLES ***/ .alm-btn-wrap{ clear:both; } /*********************** POPUP MAKER LINKS *************************/ .pum-content a{ color: #a70064; } body.desktop-device .pum-content a:hover{ text-decoration: underline; }