/* Theme Name: Westbridge Version: 2 Author: trCREATIVE Text Domain: amd */ @import url("//hello.myfonts.net/count/3399a6"); @font-face {font-family: 'BinaryITC-Light';src: url('fonts/3399A6_0_0.eot');src: url('fonts/3399A6_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/3399A6_0_0.woff2') format('woff2'),url('fonts/3399A6_0_0.woff') format('woff'),url('fonts/3399A6_0_0.ttf') format('truetype');} #content .page-content .office-addresses .col-sm-6{ margin-bottom: 30px; } .office-addresses .col-sm-6:nth-child(2n+1){ clear:left; } #content .page-content .office-addresses .col-sm-6 img.full-width{ margin-bottom: 30px; } #content .page-content .store-addresses .col-sm-4{ margin-bottom: 30px; } .store-addresses .col-sm-4:nth-child(3n+1){ clear:left; } .acf-map { width: 100%; height: 240px; border: #ccc solid 1px; margin: 0px 0px 30px 0px; } /* fixes potential theme css conflict */ .acf-map img { max-width: inherit !important; } #content .page-content .careers-box{ position:relative; overflow: hidden; } #content .page-content .careers-box img.bg{ position:relative; z-index:1; width:100%; height:702px; } #content .page-content .careers-box img.overlay{ position:absolute; z-index:5; width:100%; height:100%; left:0px; top:0px; } #content .page-content .careers-box .caption{ position: absolute; z-index:10; width:100%; left:0px; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding:0px 80px; } #content .page-content .careers-box .caption .the-title{ font-size:35px; font-weight: 400; font-family: "Lato", sans-serif; color:#fff; margin-bottom: 20px; } #content .page-content .careers-box .caption p{ font-size: 18px; line-height: 26px; color:#fff; margin-bottom: 30px; } #content .page-content .careers-box .caption a.btn-white{ display: inline-block; text-decoration: none; width:356px; height:80px; background-color: #fff; font-size: 18px; line-height: 80px; font-weight: 700; text-transform: uppercase; color:#000; } #content .page-content .careers-box .caption a.btn-white:hover{ opacity: 1; background-color: #858688; color:#fff; } #content .page-content iframe{ width:100%; } #content .page-content .grey-box{ margin-top:20px; padding:50px 0px; background-color: #fff; border-top:1px solid #95989A; border-bottom:1px solid #95989A; } #partners h6 { font-family: "Source Sans Pro", sans-serif; font-size: 17px; font-weight: 400; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; } #partners .the-carousel a img{ height:120px; width:auto; } body.page-id-137 #content .sub-heading p, body.parent-pageid-137 #content .sub-heading p { font-family: "Libre Baskerville", serif; } #content .middle-text p *, #content .bottom-text p *{ font-family: inherit; } body.page-id-139 #content .sub-heading p, body.parent-pageid-139 #content .sub-heading p, body.page-id-139 #content .products a.the-product .caption, body.parent-pageid-139 #content .sub-heading h3, body.page-id-139 #content .sub-heading h3, body.parent-pageid-139 #content .bottom-text p, body.page-id-139 #content .bottom-text p { font-family: 'BinaryITC-Light'; } body.page-id-141 #content .sub-heading p, body.parent-pageid-141 #content .sub-heading p, body.page-id-141 #content .products a.the-product .caption, body.parent-pageid-141 #content .sub-heading h3, body.page-id-141 #content .sub-heading h3, body.parent-pageid-141 #content .bottom-text p, body.page-id-141 #content .bottom-text p { font-family: "Lato", sans-serif;; } #footer ul.sponsors li a{ display: block; width:70px; } @-ms-keyframes wiggle{0%{-ms-transform:rotate(7deg);}50%{-ms-transform:rotate(-7deg);}100%{-ms-transform:rotate(7deg);}} @-moz-keyframes wiggle{0%{-moz-transform:rotate(7deg);}50%{-moz-transform:rotate(-7deg);}100%{-moz-transform:rotate(7deg);}} @-webkit-keyframes wiggle{0%{-webkit-transform:rotate(7deg);}50%{-webkit-transform:rotate(-7deg);}100%{-webkit-transform:rotate(7deg);}} @keyframes wiggle{0%{transform:rotate(7deg);}50%{transform:rotate(-7deg);}100%{transform:rotate(7deg);}} #content .page-content img.service:hover{-ms-animation:wiggle .5s 2;-moz-animation:wiggle .5s 2;-webkit-animation:wiggle .5s 2;animation:wiggle .5s 2;} @media only screen and (max-width: 1430px) { #content .page-content .careers-box img.bg{ height:628px; } } @media only screen and (max-width: 1200px) { #content .page-content .careers-box .caption{ padding:0px 20px; } #content .page-content .careers-box .caption a.btn-white{ width:250px; height:60px; line-height:60px; } #content .page-content .careers-box img.bg{ height:565px; } } @media only screen and (max-width: 1024px) { #content .page-content .careers-box .caption{ padding:0px 20px; } #content .page-content .careers-box .caption a.btn-white{ width:250px; height:60px; line-height:60px; } #content .page-content .careers-box img.bg{ height:565px; } } @media only screen and (max-width: 992px) { #content .page-content .careers-box .caption{ padding:0px 20px; } #content .page-content .careers-box .caption a.btn-white{ width:250px; height:60px; line-height:60px; } #content .page-content .careers-box img.bg{ height:492px; } #brochures a img.logo{ width:70%; height:auto; } } @media only screen and (max-width: 768px) { #content .page-content .careers-box .caption{ padding:0px 20px; } #content .page-content .careers-box img.bg{ height:auto; width:100%; } #home-banner .the-carousel a.the-banner span.caption span.the-text span{ font-size: 60px; letter-spacing: 10px; } #brochures a{ margin-bottom: 30px; } #brochures a img.logo{ width:30%; height:auto; } } @media only screen and (max-width: 568px) { #content .page-content .careers-box img.bg{ height:auto; } #content .page-content .careers-box .caption{ padding:0px 10px; } #content .page-content .careers-box .caption .the-title{ font-size: 28px; margin-bottom: 10px; } #content .page-content .careers-box .caption p{ font-size: 14px; line-height: 20px; margin-bottom: 10px; } #content .page-content .careers-box .caption a.btn-white{ width:250px; height:60px; line-height:60px; } #content .the-header a.title-logo{ float:none; text-align:center; margin-top:0px; margin-bottom: 10px; } #content .the-header h2.page-subtitle{ display: block; text-align: center; float:none; } #home-banner .the-carousel a.the-banner span.caption span.the-text span{ font-size: 26px; letter-spacing: 3px; } #brochures a img.logo{ width:60%; height:auto; } } #collections-submenu .wrapper a img{ height:auto; margin-bottom:27px; }