/******************************************************************************** --- CSS BASE --- *********************************************************************************/ html{font-size:16px}html,body{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#645b5b;background:#fff url(../images/template/body-bg.png);font-family:'Montserrat',sans-serif;font-size:14px;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.500rem}sub{bottom:-.25rem}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1.000rem}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 0.111rem;padding:0.278rem 0.556rem 0.667rem}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}a:hover,a:active,a:focus{outline:none}a img{border:none}input,textarea,button,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}address{margin:0.667rem 0;font-style:normal} /*Reduce Root Element (html) Sizing For REMs*/ @media (max-width: 1199px){html{font-size:15px}}@media (max-width: 1023px){html{font-size:14px}}@media (max-width: 767px){html{font-size:13px}body{font-size: 13px;}}@media (max-width: 375px){html{font-size:12px}body{font-size: 12px;}} /******************************************************************************** --- Fonts --- *********************************************************************************/ @font-face { font-family: 'Montserrat'; src: url(/stylesheets/fonts/montserrat-black-webfont.woff2) format("woff2"), url(/stylesheets/fonts/montserrat-black-webfont.woff) format("woff"); font-weight: 800; font-style: normal } @font-face { font-family: 'Montserrat'; src: url(/stylesheets/fonts/montserrat-bold-webfont.woff2) format("woff2"), url(/stylesheets/fonts/montserrat-bold-webfont.woff) format("woff"); font-weight: 700; font-style: normal } @font-face { font-family: 'Montserrat'; src: url(/stylesheets/fonts/montserrat-light-webfont.woff2) format("woff2"), url(/stylesheets/fonts/montserrat-light-webfont.woff) format("woff"); font-weight: 300; font-style: normal } @font-face { font-family: 'Montserrat'; src: url(/stylesheets/fonts/montserrat-regular-webfont.woff2) format("woff2"), url(/stylesheets/fonts/montserrat-regular-webfont.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: 'JaneAusten'; src: url(/stylesheets/fonts/janeaust-webfont.woff2) format("woff2"), url(/stylesheets/fonts/janeaust-webfont.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: 'Bitter'; src: url(/stylesheets/fonts/bitter-italic-webfont.woff2) format("woff2"), url(/stylesheets/fonts/bitter-italic-webfont.woff) format("woff"); font-weight: 400; font-style: italic } /******************************************************************************** --- Template - Header --- *********************************************************************************/ .header {z-index:9999;} /*-----------Drawer Scrollbars-----------*/ .drawer::-webkit-scrollbar {width: 0 !important;} .drawer::-webkit-scrollbar-track {background:none;} .drawer::-webkit-scrollbar-thumb {background:none;} .drawer::-webkit-scrollbar-thumb:window-inactive {} .no-touchevents .drawer::-webkit-scrollbar {width:8px!important;} .no-touchevents .drawer::-webkit-scrollbar-track {background:#ddd8d2;} .no-touchevents .drawer::-webkit-scrollbar-thumb {background:#e9b134;} .no-touchevents .drawer::-webkit-scrollbar-thumb:window-inactive {} /*-----------Header - Social Links-----------*/ .social-links ul {list-style:none; margin:0; padding:0;} .social-links li {display:block; float:left;} .social-links span {display:none;} .social-links a:hover {color:#ffdf71;} /*-----------Header - Search-----------*/ .search-row {position:relative;} .search button {position:absolute; top:0; right:0; background:none; text-align:center;} /*-----------Header - Utility Links-----------*/ .utility-links ul {list-style: none; margin:0; padding: 0; overflow: hidden;} .utility-links li {margin: 0 1.231em; } .utility-links a {display: block; text-align: center; color: #666666; font-size: 0.813em} .util-ico {display: block; height: 3.462em; line-height: 3.462em;} .util-ico:before {content: ""; display: inline-block; vertical-align: middle; line-height: 1; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover;} .util-ico--ico-campus:before {background-image: url(/images/template/util-ico-campus.png); width: 2.462em; height: 3.154em;} .util-ico--ico-distance:before {background-image: url(/images/template/util-ico-distance.png); width: 3.538em; height: 3.000em;} .util-ico--ico-videos:before {background-image: url(/images/template/util-ico-videos.png); width: 2.385em; height: 2.385em} .util-ico--ico-cal:before {background-image: url(/images/template/util-ico-cal.png); width: 2.385em; height: 2.154em;} @media (min-width: 801px) { /*-----------Hidden Mobile Elements-----------*/ .content-overlay, .drawer-toggle {display:none;} /*-----------Header-----------*/ .header {background: #fff; position:relative;} .header:before {content: ""; display: block; position:absolute; top:0; left: 0; width: 100%; height: 43px; background: url(../images/template/bar-top-bg.png) repeat-x;} .header-container{max-width:1010px; height:174px; margin-left:auto;margin-right:auto; position: relative; padding:0 0.9375rem} .header-container::before,.header-container::after{content:' ';display:table}.header-container::after{clear:both} .logo {display:block; position:absolute; bottom:3.250em; left:3.5rem; text-align:center; max-width:215px; z-index:1;} .logo img {display:inline-block; vertical-align:middle;} /*-----------Top Bar-----------*/ .top-bar, .top-bar__left, .top-bar__right {position:absolute; top:0;} .top-bar {font-size:14px; left: 0; width: 100%; height: 43px;} .top-bar__left, .top-bar__right {height: 30px; line-height: 30px;} .top-bar__left {left: 0.9375rem; } .top-bar__right {right: 0.9375rem;} .top-bar__addr, .top-bar__phone, .top-bar__contact {font-size:0.875em; text-transform: uppercase; display: inline-block; vertical-align: middle; line-height: 1.2; color: #fff;} .top-bar__addr, .top-bar__phone {margin-right: 1.500em; position: relative;} .top-bar__addr:after, .top-bar__phone:after {content:"\e6ca"; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 50%; margin-top: -0.500em; right: -3.750em; font-size: 0.250em} .top-bar__phone:hover, .top-bar__contact:hover {color:#ffdf71;} /*-----------Top Bar - Social Links-----------*/ .social-links {display: inline-block; vertical-align: middle; padding:0 2px} .social-links li:not(:last-child) {margin:0 1.125em 0 0;} .social-links li {line-height:1.2; position:relative;} .social-links a {display:inline-block; color:#fff; font-size:1.125em;} /*-----------Top Bar - Search Animation-----------*/ .social-links { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);transition: opacity .25s;} .active-search .social-links {-moz-animation: hide-social 150ms forwards; -webkit-animation: hide-social 150ms forwards; animation: hide-social 150ms forwards;} .inactive-search .social-links {opacity:0; visibility:hidden; -webkit-animation: show-social 150ms 450ms forwards; -moz-animation: show-social 150ms 450ms forwards; -o-animation: show-social 150ms 450ms forwards; animation: show-social 150ms 450ms forwards;} .active-search .search {-webkit-animation: slide-search 350ms 150ms forwards;-moz-animation: slide-search 350ms 150ms forwards;-o-animation: slide-search 350ms 150ms forwards;animation: slide-search 350ms 150ms forwards;} .inactive-search .search {-webkit-animation: slide-search-close 350ms forwards;-moz-animation: slide-search-close 350ms forwards;-o-animation: slide-search-close 350ms forwards;animation: slide-search-close 350ms forwards;} /*-----------Top Bar - Search-----------*/ .search {position:absolute; top:4px; right:0; width:0; z-index:1; opacity:0; visibility:hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); padding-right:24px;} .search input[type="text"] {padding:4px 36px 4px 12px; height: 24px; background:#fff; border:none; margin:0; font-size:12px;} .search button {height:24px; line-height:23px; width:24px;} .search-close {top:0; right:0; height:24px; width:24px; background:#e9b134; display:block; position:absolute; text-align:center; line-height:24px; cursor:pointer; -webkit-transition:background-color 250ms ease-out;-moz-transition:background-color 250ms ease-out;transition:background-color 250ms ease-out; font-size: 12px; color: #fff;} .search-close:after {content: "\e901"; font-family: 'CD-Project-Icons'; position:relative; left:0; } .search-close:hover {background:#ffc646;} /*-----------Header - Utility Links-----------*/ .utility-links {font-size:14px; position: absolute; bottom: 2.813em; right: 3.5rem;} .utility-links li {display: block; float: left;} .utility-links li:last-child {margin-right: 0;} /*-----------Header - Menu-----------*/ .menu {font-size:14px; position:absolute; bottom:-19px; left:0; width:100%; padding:0 0.9375rem;} .menu ul {list-style: none; margin: 0; padding: 0;} .menu li {position:relative;} .menu li, .menu a {display: block;} /*-----------Menu - First Level-----------*/ .menu > ul {text-align: center; background: #3aadad;} .menu > ul:before, .menu ul ul:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url(../images/template/transparent-noise.png);} .menu > ul > li {display: inline-block; text-align: left;} .menu > ul > li > a {padding: 0 1em; margin: 0; z-index: 1; color: rgba(255,255,255,1); font-size: 0.875em; font-weight: 700; text-transform: uppercase; position: relative; height:3.214em; line-height:3.214em; transition:color 250ms ease;} .menu > ul > li > a:hover, .menu > ul > li:hover > a, .menu > ul > li.selected > a {color: rgba(255,255,255,0.65);} /*-----------Menu - Dropdown-----------*/ .menu ul ul {line-height:normal; position: absolute; left: -9999px; top:auto; width: 18.063em; transition: opacity .25s ease; background:rgba(58, 173, 173,0.9); -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; opacity: 0;} .menu ul ul a {padding:0.667rem 1.250em; font-size: 0.875em; color: rgba(255,255,255,1); transition: color 250ms ease, background-color 250ms ease;} .menu ul ul a:hover, .menu ul ul li.drop-open > a, .menu ul ul li.selected > a {background:#249d9c; color: rgba(255,255,255,0.75);} .no-touchevents .menu > ul > li.drop-open > ul, .touchevents .menu > ul > li:hover > ul { left: auto; opacity: 1;} .no-touchevents .menu > ul > li.drop-right.drop-open ul, .touchevents .menu > ul > li.drop-right:hover ul {right:0;} /*-----------Menu - Second Level Dropdown-----------*/ .no-touchevents .menu > ul > li ul li.drop-open ul, .touchevents .menu > ul > li ul li:hover ul {opacity: 1; left: 14.063em; top:0;} .no-touchevents .menu > ul > li.drop-right ul li.drop-open ul , .touchevents .menu > ul > li.drop-right ul li:hover ul {left:inherit; right:14.063em;} } @media (min-width: 960px) { .header-container{height:194px;} .utility-links, .top-bar, .menu {font-size: 15px;} .menu {bottom:-21px;} .menu > ul > li > a {padding: 0 1.25em;} .logo {max-width: 235px;} } @media (min-width: 1024px) { .utility-links, .top-bar, .menu {font-size: 16px;} .menu > ul > li > a {padding: 0 1.5em;} .logo {max-width:none;} } @media (max-width: 800px) { /*-----------Header-----------*/ .header {position:fixed; top:0; left:0; width:100%; height:60px; line-height:60px; background: #fff; box-shadow: 0 0 2px 2px rgba(100,91,91,0.25);} /*-----------Header - Logo-----------*/ .logo { display:block; width:100%; height:60px; line-height:58px; padding:0 15px 0 60px;} .logo img {width:100%; max-width:115px; display:inline-block; vertical-align:middle;} /*-----------Drawer Toggle-----------*/ .drawer-toggle { position: absolute; top: 0; left: 0; width:50px; height:60px; text-align:center; display:block; margin:0; padding:0;} .drawer-toggle span {position:absolute; display:block; width:28px; height:3px; background:#e57a39; top:50%; margin-top:-1px; left:50%; margin-left:-14px;} .drawer-toggle span::before, .drawer-toggle span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; } .drawer-toggle span::before {top: -8px;} .drawer-toggle span::after {bottom: -8px;} /*-----------Drawer-----------*/ .drawer { position: fixed; z-index:1001; top: 0; left: -300px; height: 100%; width: 300px; background: #fff; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition:-webkit-transform 150ms ease-in-out; transition:transform 150ms ease-in-out; line-height: 1.2;} /*-----------Header - Utility Links-----------*/ .utility-links {font-size:10px; padding: 12px 0; text-align: center;} .utility-links li {display:inline-block; margin: 0 0.625em; } .utility-links li:first-child {margin-left: 0;} .utility-links li:last-child {margin-right: 0;} .utility-links a {font-size: 0.875em;} /*-----------Main Menu-----------*/ .menu {font-size:16px; background: #3aadad; position: relative;} .menu:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url(../images/template/transparent-noise.png);} .menu ul { padding: 0; margin: 0; list-style: none;} .menu li {line-height:1.2;} .menu li, .menu a {display: block;} .menu a {border-bottom:1px solid rgba(0,0,0,0.15); -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; transition: all 150ms ease;} .menu ul li a {padding-left: 0.667rem; padding-right: 0.667rem; color: #fff; font-size:0.875em; position: relative;} .menu > ul > li > a { padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; font-weight: 700; } .menu > ul > li.active > a, .menu > ul > li.selected > a {background:rgba(0,0,0,0.35); color:#fff;} .menu .menu-arrow {font-weight: normal; position: absolute; top: 0; right: 0; display: block; width: 50px; text-align: center; height: 100%; z-index: 1; } .menu .menu-arrow:after { content: "\e939"; font-family: 'CD-Project-Icons'; color:#fff; font-size:22px; line-height:1; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; font-style: normal; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; transition: all 150ms ease;} .menu li.active > a .menu-arrow:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); color:#fff; } .menu li.active > ul { display: block;} .menu ul ul { background:rgba(0,0,0,0.15); display:none;} .menu > ul > li > ul > li.active > a {background:rgba(0,0,0,0.25); color:#fff;} .menu ul ul li a { font-size: 0.875em; padding-left: 1.714em; padding-top: 1.000em; padding-bottom: 1.000em;} .menu ul ul ul li a { font-size: 0.813em; padding-left: 2.769em; padding-top: 0.875em; padding-bottom: 0.875em;} /*-----------Drawer - Search-----------*/ .search input[type="text"] {border:none; border-bottom: 1px solid #e0dede;} .search button {height: 3rem; line-height:3rem; width:3rem; font-size: 17px;} /*-----------Drawer - Social Links-----------*/ .social-links {padding:4px 10px; margin-bottom: 10px;} .social-links ul {overflow: hidden;} .social-links .js-search {display: none;} .social-links li:not(:last-child) {margin:0 20px 0 0;} .social-links li {line-height:1.2;} .social-links a {font-size:21px;} /*-----------Drawer - Address / Contact -----------*/ .top-bar__left {padding: 4px 10px 18px;} .top-bar__addr, .top-bar__phone, .top-bar__contact, .top-bar__addr span {display: block; } .top-bar__addr, .top-bar__phone, .top-bar__contact {text-transform: uppercase; font-size: 14px; color: #645b5b;} .top-bar__addr, .top-bar__phone {margin-bottom: 10px;} /*-----------Pull Out Menu Content Overlay-----------*/ .content-overlay {visibility: hidden; height: 0; width: 0; background: rgba(100,91,91,0); position: absolute; top: 0; -webkit-transition: background-color 150ms ease-in-out; -moz-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; z-index:1000;} /*-----------Pull Out Menu Open-----------*/ .root {position: relative; height: 100%;} .root.menu_open {overflow:hidden;} .root.menu_open .drawer {-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0);} .root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position:fixed; top:0; left:0; right:0; background: rgba(100,91,91,0.9); overflow:hidden;} .root.menu_open .content-overlay span {position:absolute; top:12px; right:15px; font-size:20px; color:#fff;} } @media (max-width: 375px) { /*-----------Header - Utility Links-----------*/ .utility-links {font-size:9px;} /* Menu */ .drawer {width:280px; left:-280px;} .root.menu_open .drawer {-webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0);} .root.menu_open .content-overlay span {top:8px; right:8px; font-size:14px;} } /******************************************************************************** --- Home - Slider --- *********************************************************************************/ .slider-container, .slider.royalSlider, .slider.royalSlider .rsOverflow {height:645px !important;} .slider-container {overflow:hidden; position:relative; overflow:hidden; background: #645b5b;} .slider.royalSlider > .rsContent {visibility:hidden;} .slider { width: 100%;} .rsContent:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.15); z-index: 30; } .slider .rsArrow {font-size:16px; position:absolute; top:50%; margin-top:-2.250em; z-index:31;} .slider .rsArrow .rsArrowIcn:before {font-family: 'CD-Project-Icons'; color:#fff; font-size:3.500em; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition:color 300ms ease;-moz-transition:color 300ms ease;transition:color 300ms ease;} .slider .rsArrow:hover .rsArrowIcn:before {color:#e57a39} .slider .rsArrowLeft {left:3.750em;} .slider .rsArrowLeft .rsArrowIcn:before {content:"\e91a";} .slider .rsArrowRight {right:3.750em;} .slider .rsArrowRight .rsArrowIcn:before {content:"\e90d";} .slider .rsNav {font-size:16px; position:absolute; bottom:3.500em; left:0; width:100%; text-align:center; z-index:31;} .slider .rsNavItem {display:inline-block; width:1em; height:1em; border-radius:1em; line-height:1; margin:0 0.375em; background:rgba(255,255,255,1); border:3px solid #fff; cursor:pointer; transition:background 250ms ease;} .slider .rsNavItem:hover {background:rgba(255,255,255,0.75);} .slider .rsNavSelected {background:none;} .slider-caption-a, .slider-caption-b {font-size:16px; position: absolute; left:0; width:100%; overflow: hidden; z-index:31; text-align:center;} .slider-caption-a .button, .slider-caption-b .button {margin-bottom: 0; font-size:1.000em; padding: 0.813em 2.5em;} .slider-caption-a {top: 4.000em;} .slider-caption-a__subtitle {font-family:'JaneAusten','Montserrat',sans-serif; color:#fff; font-size:3.000em; display:block; line-height:1.1;} .slider-caption-a__title {color:#fff; line-height:1.2; font-size:2.375em; text-transform:uppercase; font-weight:300; margin-bottom: 0.632em;} .slider-caption-a p {color:#fff; font-size:1.25em; margin:0 auto 1.778em; max-width:765px; line-height:1.7;} .slider-caption-b {top: 2.500em;} .slider-caption-b__headline {color:#fff; font-size:1.500em; max-width:640px; margin:0 auto;} .slider-caption-b__box {background:#fff url(../images/template/body-bg.png); margin-top:1.125em; position:relative;} .slider-caption-b__img {position:absolute; top:0; left:0; width:38.5%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;} .slider-caption-b__box-body {padding-left:38.5%;} .slider-caption-b__box-body-inner {padding:3.5em 4em 4em; background:url(../images/template/hero-caption-shape.png) no-repeat bottom left;} .slider-caption-b__subtitle {font-family:'JaneAusten','Montserrat',sans-serif; font-size:2.500em; color:#3aadad; display:block; line-height:1;} .slider-caption-b__title {line-height:1.2; font-size:1.65em; color:#645b5b; text-transform:uppercase; font-weight:300; margin-bottom:0.353em;} .slider-caption-b__box-body-inner p {font-size:1.000em; font-weight:300;} .slider-caption-b__secondary-headline, .slider-caption-b__tertiary-headline {font-size:1.15em; display:block; line-height:1.3;} .slider-caption-b__secondary-headline {font-weight:400; margin-bottom:0.818em} .slider-caption-b__tertiary-headline {font-weight:400; margin-bottom:1.091em;} /* v1.0.6 */ .royalSlider {width:100%; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsArrow { cursor: pointer;} .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color: rgba(0,0,0,0.25); } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position: absolute; z-index: 0; } img.rsImg { max-width: none; } .grab-cursor { cursor: url(../images/template/grab.png) 8 8, move; } .grabbing-cursor { cursor: url(../images/template/grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(../images/template/blank.gif); } .royalSlider img {width: 100%; height: auto; margin: 0 auto;} @media (max-width: 1599px) { .slider-container, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 600px !important;} .slider .rsArrow, .slider-caption-a, .slider-caption-b {font-size:15px;} } @media (max-width: 1399px) { .slider-container, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 580px !important;} .slider-caption-b {font-size:14px;} .slider .rsArrow {font-size:12px;} .slider .rsArrowLeft {left:3.000em;} .slider .rsArrowRight {right:3.000em;} } @media (max-width: 1199px) { .slider-container, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 500px !important;} .slider-caption-a, .slider .rsNav {font-size:14px;} .slider-caption-b {font-size:13px;} .slider-caption-b__subtitle {font-size:2.125em;} .slider-caption-b__title {font-size:2em;} .slider-caption-b__box-body-inner p {font-size:1.063em;} .slider .rsArrow {font-size:9px;} .slider .rsArrowLeft {left:1.250em;} .slider .rsArrowRight {right:1.250em;} } @media (max-width: 1099px) { .slider .rsArrow {display: none!important;} } @media (max-width: 1023px) { .slider-caption-a p {max-width:600px;} .slider-caption-a, .slider .rsNav {font-size:13px;} } @media (max-width: 959px) { .slider-caption-b {font-size:12px;} } @media (max-width: 800px) { .slider-container, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 425px !important;} .slider-caption-a p {max-width:700px;} .slider-caption-a, .slider .rsNav {font-size:12px;} .slider-caption-b {top:1.500em;} .slider-caption-b__box-body-inner {padding:2.000em 1.500em 2.000em;} .slider .rsNav {bottom:1em;} } @media (max-width: 639px) { .slider-caption-a, .slider-caption-b, .slider .rsNav {font-size:11px;} .slider-caption-b__box-body-inner {padding:1.500em 1.125em;} .slider-caption-b__subtitle {font-size:2.000em;} .slider-caption-b__title {font-size:1.500em;} } @media (max-width: 479px) { .slider-container, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 350px !important;} .slider-caption-a {top:2.5em;} .slider-caption-a p {line-height:1.5;} .slider-caption-b__headline {font-size:1.250em;} .slider-caption-a__subtitle {font-size:2.5em;} .slider-caption-a__title {font-size:2.125em;} .slider-caption-b__img {display:none;} .slider-caption-b__box-body {padding-left:0;} } @media (max-width: 375px) { .slider-container, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 330px !important;} .slider-caption-a, .slider-caption-b, .slider .rsNav {font-size:10px} .slider-caption-a {top:2em;} .slider-caption-a .button, .slider-caption-b .button {display:inline-block; width:auto;} .slider .rsNav {bottom:0.750em;} } @media (max-width: 320px) { .slider-container, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 310px !important;} .slider-caption-a, .slider-caption-b, .slider .rsNav {font-size:9px} } /******************************************************************************** --- Subscribe Bar --- *********************************************************************************/ .subscribe-bar {font-size:16px; margin-top:-2.500em; position:relative; z-index:50;} .newsletter-subscribe {background:#3aadad; overflow:hidden; padding:1em 0;} .newsletter-subscribe__container {min-height:2.500em; line-height:2.500em; text-align:center;} .newsletter-subscribe__headline {display:inline-block; margin:0 0.625em; vertical-align:middle; line-height:1.2; color:#fff; font-size:1.250em; font-weight:400;} .newsletter-subscribe form {display:inline-block; line-height:1.2; vertical-align:middle; margin:0 0.625em; position:relative;} .newsletter-input-column {padding-right:8.125em;} .newsletter-input-column input[type="text"], .newsletter-input-column input[type="email"] {float:left; width:32%; border:none; height:2.800em; padding: 0.444em; margin:0; font-size: 14px;} .newsletter-input-column input[type="text"]:not(:last-child) {margin-right:2%;} .newsletter-subscribe .button {position:absolute; top:0; right:0; width:8.571em; height:2.857em; line-height:2.857em; padding:0; font-size:0.875em; margin:0;} .newsletter-error {color: red; font-size: 13px; position: absolute; display: none;} @media (max-width: 959px) { .subscribe-bar {font-size:13px;} } @media (max-width: 800px) { .subscribe-bar {margin-top:0; font-size:14px} .subscribe-bar .column {padding:0;} .newsletter-subscribe__container {line-height:inherit; padding:0 1.786em;} .newsletter-subscribe__headline {width:100%; margin:0 0 0.667em;} .newsletter-subscribe form {width:100%; margin:0;} } @media (max-width: 479px) { .newsletter-input-column {padding:0;} .newsletter-input-column input[type="text"], .newsletter-input-column input[type="email"] {float:none; width:100%; margin-bottom:10px;} .newsletter-subscribe .button {position:inherit; top:inherit; right:inherit; width:100%;} .newsletter-subscribe__headline {font-size:1.188em;} } @media (max-width: 375px) { .subscribe-bar {font-size:13px} .newsletter-subscribe__container {padding:0 1em;} } /******************************************************************************** --- Inner Header --- *********************************************************************************/ .inner-header {font-size:16px; position:relative;} .inner-header__bg {position:absolute; top:0; left:0; width:100%; height:72.78481012658228%; background-position:center center; background-repeat:no-repeat; background-size:cover;} .inner-header__bg:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.15);} .inner-header .row {position:relative; z-index:1;} .inner-header__headline {display:block; padding:1.833em 1.458em 1.000em; max-width:700px; margin:0 auto; text-align:center; color:#fff; font-size:1.500em; line-height:1.2;} @media (max-width: 1199px) { .inner-header {font-size:15px;} } @media (max-width: 959px) { .inner-header {font-size:14px;} } @media (max-width: 800px) { .inner-header__headline {padding-top:1.250em;} .inner-header {font-size:13px;} } @media (max-width: 639px) { .inner-header {font-size:12px;} } @media (max-width: 479px) { .inner-header {font-size:11px;} } @media (max-width: 375px) { .inner-header {font-size:9px;} } @media (max-width: 320px) { .inner-header {font-size:8px;} } /******************************************************************************** --- Template Layout --- *********************************************************************************/ .main--home {padding:10px 0 0 0;} .page-body, .page-body-two-col {background:#fff; margin-bottom:0.5rem;} .page-body {padding:2.188rem 3.750rem; } .page-body-two-col {float:right; width:74.48979591836735%; padding:2.188rem 2.500rem;} .aside {float:left; width:25.51020408163265%;} @media (max-width: 959px) { .page-body, .page-body-two-col {padding-right:2.5rem; padding-left:2.5rem;} } @media (max-width: 800px) { .wrapper { padding-top: 60px; } .page-body, .page-body-two-col {padding-right:2rem; padding-left:2rem;} } @media (max-width: 767px) { .page-body-two-col, .aside {width:100%; float:none;} } @media (max-width: 639px) { .page-body, .page-body-two-col {padding-right:1.250rem; padding-left:1.250rem;} } @media (max-width: 375px) { .page-body, .page-body-two-col {padding-right:0.9375rem; padding-left:0.9375rem;} } /******************************************************************************** --- Grid --- *********************************************************************************/ /*Base Grid Classes*/ .row{max-width:1010px;margin-left:auto;margin-right:auto}.row::before,.row::after{content:' ';display:table}.row::after{clear:both}.row.collapse > .column,.row.collapse > .columns{padding-left:0;padding-right:0}.row .row{max-width:none;margin-left:-.9375rem;margin-right:-.9375rem}.row .row.collapse{margin-left:0;margin-right:0}.row.expanded{max-width:none}.row.expanded .row{margin-left:auto;margin-right:auto}.column,.columns{width:100%;float:left;padding-left:.9375rem;padding-right:.9375rem}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0} /*Extra Small Grid */ .xsmall-1{width:8.33333%}.xsmall-push-1{position:relative;left:8.33333%}.xsmall-pull-1{position:relative;left:-8.33333%}.xsmall-offset-0{margin-left:0}.xsmall-2{width:16.66667%}.xsmall-push-2{position:relative;left:16.66667%}.xsmall-pull-2{position:relative;left:-16.66667%}.xsmall-offset-1{margin-left:8.33333%}.xsmall-3{width:25%}.xsmall-push-3{position:relative;left:25%}.xsmall-pull-3{position:relative;left:-25%}.xsmall-offset-2{margin-left:16.66667%}.xsmall-4{width:33.33333%}.xsmall-push-4{position:relative;left:33.33333%}.xsmall-pull-4{position:relative;left:-33.33333%}.xsmall-offset-3{margin-left:25%}.xsmall-5{width:41.66667%}.xsmall-push-5{position:relative;left:41.66667%}.xsmall-pull-5{position:relative;left:-41.66667%}.xsmall-offset-4{margin-left:33.33333%}.xsmall-6{width:50%}.xsmall-push-6{position:relative;left:50%}.xsmall-pull-6{position:relative;left:-50%}.xsmall-offset-5{margin-left:41.66667%}.xsmall-7{width:58.33333%}.xsmall-push-7{position:relative;left:58.33333%}.xsmall-pull-7{position:relative;left:-58.33333%}.xsmall-offset-6{margin-left:50%}.xsmall-8{width:66.66667%}.xsmall-push-8{position:relative;left:66.66667%}.xsmall-pull-8{position:relative;left:-66.66667%}.xsmall-offset-7{margin-left:58.33333%}.xsmall-9{width:75%}.xsmall-push-9{position:relative;left:75%}.xsmall-pull-9{position:relative;left:-75%}.xsmall-offset-8{margin-left:66.66667%}.xsmall-10{width:83.33333%}.xsmall-push-10{position:relative;left:83.33333%}.xsmall-pull-10{position:relative;left:-83.33333%}.xsmall-offset-9{margin-left:75%}.xsmall-11{width:91.66667%}.xsmall-push-11{position:relative;left:91.66667%}.xsmall-pull-11{position:relative;left:-91.66667%}.xsmall-offset-10{margin-left:83.33333%}.xsmall-12{width:100%}.xsmall-offset-11{margin-left:91.66667%}.xsmall-up-1 > .column,.xsmall-up-1 > .columns{width:100%;float:left}.xsmall-up-1 > .column:nth-of-type(1n),.xsmall-up-1 > .columns:nth-of-type(1n){clear:none}.xsmall-up-1 > .column:nth-of-type(1n+1),.xsmall-up-1 > .columns:nth-of-type(1n+1){clear:both}.xsmall-up-1 > .column:last-child,.xsmall-up-1 > .columns:last-child{float:left}.xsmall-up-2 > .column,.xsmall-up-2 > .columns{width:50%;float:left}.xsmall-up-2 > .column:nth-of-type(1n),.xsmall-up-2 > .columns:nth-of-type(1n){clear:none}.xsmall-up-2 > .column:nth-of-type(2n+1),.xsmall-up-2 > .columns:nth-of-type(2n+1){clear:both}.xsmall-up-2 > .column:last-child,.xsmall-up-2 > .columns:last-child{float:left}.xsmall-up-3 > .column,.xsmall-up-3 > .columns{width:33.33333%;float:left}.xsmall-up-3 > .column:nth-of-type(1n),.xsmall-up-3 > .columns:nth-of-type(1n){clear:none}.xsmall-up-3 > .column:nth-of-type(3n+1),.xsmall-up-3 > .columns:nth-of-type(3n+1){clear:both}.xsmall-up-3 > .column:last-child,.xsmall-up-3 > .columns:last-child{float:left}.xsmall-up-4 > .column,.xsmall-up-4 > .columns{width:25%;float:left}.xsmall-up-4 > .column:nth-of-type(1n),.xsmall-up-4 > .columns:nth-of-type(1n){clear:none}.xsmall-up-4 > .column:nth-of-type(4n+1),.xsmall-up-4 > .columns:nth-of-type(4n+1){clear:both}.xsmall-up-4 > .column:last-child,.xsmall-up-4 > .columns:last-child{float:left}.xsmall-up-5 > .column,.xsmall-up-5 > .columns{width:20%;float:left}.xsmall-up-5 > .column:nth-of-type(1n),.xsmall-up-5 > .columns:nth-of-type(1n){clear:none}.xsmall-up-5 > .column:nth-of-type(5n+1),.xsmall-up-5 > .columns:nth-of-type(5n+1){clear:both}.xsmall-up-5 > .column:last-child,.xsmall-up-5 > .columns:last-child{float:left}.xsmall-up-6 > .column,.xsmall-up-6 > .columns{width:16.66667%;float:left}.xsmall-up-6 > .column:nth-of-type(1n),.xsmall-up-6 > .columns:nth-of-type(1n){clear:none}.xsmall-up-6 > .column:nth-of-type(6n+1),.xsmall-up-6 > .columns:nth-of-type(6n+1){clear:both}.xsmall-up-6 > .column:last-child,.xsmall-up-6 > .columns:last-child{float:left}.xsmall-up-7 > .column,.xsmall-up-7 > .columns{width:14.28571%;float:left}.xsmall-up-7 > .column:nth-of-type(1n),.xsmall-up-7 > .columns:nth-of-type(1n){clear:none}.xsmall-up-7 > .column:nth-of-type(7n+1),.xsmall-up-7 > .columns:nth-of-type(7n+1){clear:both}.xsmall-up-7 > .column:last-child,.xsmall-up-7 > .columns:last-child{float:left}.xsmall-up-8 > .column,.xsmall-up-8 > .columns{width:12.5%;float:left}.xsmall-up-8 > .column:nth-of-type(1n),.xsmall-up-8 > .columns:nth-of-type(1n){clear:none}.xsmall-up-8 > .column:nth-of-type(8n+1),.xsmall-up-8 > .columns:nth-of-type(8n+1){clear:both}.xsmall-up-8 > .column:last-child,.xsmall-up-8 > .columns:last-child{float:left}.xsmall-collapse > .column,.xsmall-collapse > .columns{padding-left:0;padding-right:0}.xsmall-collapse .row,.expanded.row .xsmall-collapse.row{margin-left:0;margin-right:0}.xsmall-uncollapse > .column,.xsmall-uncollapse > .columns{padding-left:.9375rem;padding-right:.9375rem}.xsmall-centered{float:none;margin-left:auto;margin-right:auto}.xsmall-uncentered,.xsmall-push-0,.xsmall-pull-0{position:static;margin-left:0;margin-right:0;float:left} /* Small Grid */ @media (min-width: 480px) { .small-1{width:8.33333%}.small-push-1{position:relative;left:8.33333%}.small-pull-1{position:relative;left:-8.33333%}.small-offset-0{margin-left:0}.small-2{width:16.66667%}.small-push-2{position:relative;left:16.66667%}.small-pull-2{position:relative;left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{position:relative;left:25%}.small-pull-3{position:relative;left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{position:relative;left:33.33333%}.small-pull-4{position:relative;left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{position:relative;left:41.66667%}.small-pull-5{position:relative;left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{position:relative;left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{position:relative;left:58.33333%}.small-pull-7{position:relative;left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{position:relative;left:66.66667%}.small-pull-8{position:relative;left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{position:relative;left:75%}.small-pull-9{position:relative;left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{position:relative;left:83.33333%}.small-pull-10{position:relative;left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{position:relative;left:91.66667%}.small-pull-11{position:relative;left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1 > .column,.small-up-1 > .columns{width:100%;float:left}.small-up-1 > .column:nth-of-type(1n),.small-up-1 > .columns:nth-of-type(1n){clear:none}.small-up-1 > .column:nth-of-type(1n+1),.small-up-1 > .columns:nth-of-type(1n+1){clear:both}.small-up-1 > .column:last-child,.small-up-1 > .columns:last-child{float:left}.small-up-2 > .column,.small-up-2 > .columns{width:50%;float:left}.small-up-2 > .column:nth-of-type(1n),.small-up-2 > .columns:nth-of-type(1n){clear:none}.small-up-2 > .column:nth-of-type(2n+1),.small-up-2 > .columns:nth-of-type(2n+1){clear:both}.small-up-2 > .column:last-child,.small-up-2 > .columns:last-child{float:left}.small-up-3 > .column,.small-up-3 > .columns{width:33.33333%;float:left}.small-up-3 > .column:nth-of-type(1n),.small-up-3 > .columns:nth-of-type(1n){clear:none}.small-up-3 > .column:nth-of-type(3n+1),.small-up-3 > .columns:nth-of-type(3n+1){clear:both}.small-up-3 > .column:last-child,.small-up-3 > .columns:last-child{float:left}.small-up-4 > .column,.small-up-4 > .columns{width:25%;float:left}.small-up-4 > .column:nth-of-type(1n),.small-up-4 > .columns:nth-of-type(1n){clear:none}.small-up-4 > .column:nth-of-type(4n+1),.small-up-4 > .columns:nth-of-type(4n+1){clear:both}.small-up-4 > .column:last-child,.small-up-4 > .columns:last-child{float:left}.small-up-5 > .column,.small-up-5 > .columns{width:20%;float:left}.small-up-5 > .column:nth-of-type(1n),.small-up-5 > .columns:nth-of-type(1n){clear:none}.small-up-5 > .column:nth-of-type(5n+1),.small-up-5 > .columns:nth-of-type(5n+1){clear:both}.small-up-5 > .column:last-child,.small-up-5 > .columns:last-child{float:left}.small-up-6 > .column,.small-up-6 > .columns{width:16.66667%;float:left}.small-up-6 > .column:nth-of-type(1n),.small-up-6 > .columns:nth-of-type(1n){clear:none}.small-up-6 > .column:nth-of-type(6n+1),.small-up-6 > .columns:nth-of-type(6n+1){clear:both}.small-up-6 > .column:last-child,.small-up-6 > .columns:last-child{float:left}.small-up-7 > .column,.small-up-7 > .columns{width:14.28571%;float:left}.small-up-7 > .column:nth-of-type(1n),.small-up-7 > .columns:nth-of-type(1n){clear:none}.small-up-7 > .column:nth-of-type(7n+1),.small-up-7 > .columns:nth-of-type(7n+1){clear:both}.small-up-7 > .column:last-child,.small-up-7 > .columns:last-child{float:left}.small-up-8 > .column,.small-up-8 > .columns{width:12.5%;float:left}.small-up-8 > .column:nth-of-type(1n),.small-up-8 > .columns:nth-of-type(1n){clear:none}.small-up-8 > .column:nth-of-type(8n+1),.small-up-8 > .columns:nth-of-type(8n+1){clear:both}.small-up-8 > .column:last-child,.small-up-8 > .columns:last-child{float:left}.small-collapse > .column,.small-collapse > .columns{padding-left:0;padding-right:0}.small-collapse .row,.expanded.row .small-collapse.row{margin-left:0;margin-right:0}.small-uncollapse > .column,.small-uncollapse > .columns{padding-left:.9375rem;padding-right:.9375rem}.small-centered{float:none;margin-left:auto;margin-right:auto}.small-uncentered,.small-push-0,.small-pull-0{position:static;margin-left:0;margin-right:0;float:left} } /* Medium Grid */ @media (min-width: 768px) { .medium-1{width:8.33333%}.medium-push-1{position:relative;left:8.33333%}.medium-pull-1{position:relative;left:-8.33333%}.medium-offset-0{margin-left:0}.medium-2{width:16.66667%}.medium-push-2{position:relative;left:16.66667%}.medium-pull-2{position:relative;left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{position:relative;left:25%}.medium-pull-3{position:relative;left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{position:relative;left:33.33333%}.medium-pull-4{position:relative;left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{position:relative;left:41.66667%}.medium-pull-5{position:relative;left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{position:relative;left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{position:relative;left:58.33333%}.medium-pull-7{position:relative;left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{position:relative;left:66.66667%}.medium-pull-8{position:relative;left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{position:relative;left:75%}.medium-pull-9{position:relative;left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{position:relative;left:83.33333%}.medium-pull-10{position:relative;left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{position:relative;left:91.66667%}.medium-pull-11{position:relative;left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1 > .column,.medium-up-1 > .columns{width:100%;float:left}.medium-up-1 > .column:nth-of-type(1n),.medium-up-1 > .columns:nth-of-type(1n){clear:none}.medium-up-1 > .column:nth-of-type(1n+1),.medium-up-1 > .columns:nth-of-type(1n+1){clear:both}.medium-up-1 > .column:last-child,.medium-up-1 > .columns:last-child{float:left}.medium-up-2 > .column,.medium-up-2 > .columns{width:50%;float:left}.medium-up-2 > .column:nth-of-type(1n),.medium-up-2 > .columns:nth-of-type(1n){clear:none}.medium-up-2 > .column:nth-of-type(2n+1),.medium-up-2 > .columns:nth-of-type(2n+1){clear:both}.medium-up-2 > .column:last-child,.medium-up-2 > .columns:last-child{float:left}.medium-up-3 > .column,.medium-up-3 > .columns{width:33.33333%;float:left}.medium-up-3 > .column:nth-of-type(1n),.medium-up-3 > .columns:nth-of-type(1n){clear:none}.medium-up-3 > .column:nth-of-type(3n+1),.medium-up-3 > .columns:nth-of-type(3n+1){clear:both}.medium-up-3 > .column:last-child,.medium-up-3 > .columns:last-child{float:left}.medium-up-4 > .column,.medium-up-4 > .columns{width:25%;float:left}.medium-up-4 > .column:nth-of-type(1n),.medium-up-4 > .columns:nth-of-type(1n){clear:none}.medium-up-4 > .column:nth-of-type(4n+1),.medium-up-4 > .columns:nth-of-type(4n+1){clear:both}.medium-up-4 > .column:last-child,.medium-up-4 > .columns:last-child{float:left}.medium-up-5 > .column,.medium-up-5 > .columns{width:20%;float:left}.medium-up-5 > .column:nth-of-type(1n),.medium-up-5 > .columns:nth-of-type(1n){clear:none}.medium-up-5 > .column:nth-of-type(5n+1),.medium-up-5 > .columns:nth-of-type(5n+1){clear:both}.medium-up-5 > .column:last-child,.medium-up-5 > .columns:last-child{float:left}.medium-up-6 > .column,.medium-up-6 > .columns{width:16.66667%;float:left}.medium-up-6 > .column:nth-of-type(1n),.medium-up-6 > .columns:nth-of-type(1n){clear:none}.medium-up-6 > .column:nth-of-type(6n+1),.medium-up-6 > .columns:nth-of-type(6n+1){clear:both}.medium-up-6 > .column:last-child,.medium-up-6 > .columns:last-child{float:left}.medium-up-7 > .column,.medium-up-7 > .columns{width:14.28571%;float:left}.medium-up-7 > .column:nth-of-type(1n),.medium-up-7 > .columns:nth-of-type(1n){clear:none}.medium-up-7 > .column:nth-of-type(7n+1),.medium-up-7 > .columns:nth-of-type(7n+1){clear:both}.medium-up-7 > .column:last-child,.medium-up-7 > .columns:last-child{float:left}.medium-up-8 > .column,.medium-up-8 > .columns{width:12.5%;float:left}.medium-up-8 > .column:nth-of-type(1n),.medium-up-8 > .columns:nth-of-type(1n){clear:none}.medium-up-8 > .column:nth-of-type(8n+1),.medium-up-8 > .columns:nth-of-type(8n+1){clear:both}.medium-up-8 > .column:last-child,.medium-up-8 > .columns:last-child{float:left}.medium-collapse > .column,.medium-collapse > .columns{padding-left:0;padding-right:0}.medium-collapse .row,.expanded.row .medium-collapse.row{margin-left:0;margin-right:0}.medium-uncollapse > .column,.medium-uncollapse > .columns{padding-left:.9375rem;padding-right:.9375rem}.medium-centered{float:none;margin-left:auto;margin-right:auto}.medium-uncentered,.medium-push-0,.medium-pull-0{position:static;margin-left:0;margin-right:0;float:left} } /* Large Grid */ @media (min-width: 960px) { .large-1{width:8.33333%}.large-push-1{position:relative;left:8.33333%}.large-pull-1{position:relative;left:-8.33333%}.large-offset-0{margin-left:0}.large-2{width:16.66667%}.large-push-2{position:relative;left:16.66667%}.large-pull-2{position:relative;left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{position:relative;left:25%}.large-pull-3{position:relative;left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{position:relative;left:33.33333%}.large-pull-4{position:relative;left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{position:relative;left:41.66667%}.large-pull-5{position:relative;left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{position:relative;left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{position:relative;left:58.33333%}.large-pull-7{position:relative;left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{position:relative;left:66.66667%}.large-pull-8{position:relative;left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{position:relative;left:75%}.large-pull-9{position:relative;left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{position:relative;left:83.33333%}.large-pull-10{position:relative;left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{position:relative;left:91.66667%}.large-pull-11{position:relative;left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1 > .column,.large-up-1 > .columns{width:100%;float:left}.large-up-1 > .column:nth-of-type(1n),.large-up-1 > .columns:nth-of-type(1n){clear:none}.large-up-1 > .column:nth-of-type(1n+1),.large-up-1 > .columns:nth-of-type(1n+1){clear:both}.large-up-1 > .column:last-child,.large-up-1 > .columns:last-child{float:left}.large-up-2 > .column,.large-up-2 > .columns{width:50%;float:left}.large-up-2 > .column:nth-of-type(1n),.large-up-2 > .columns:nth-of-type(1n){clear:none}.large-up-2 > .column:nth-of-type(2n+1),.large-up-2 > .columns:nth-of-type(2n+1){clear:both}.large-up-2 > .column:last-child,.large-up-2 > .columns:last-child{float:left}.large-up-3 > .column,.large-up-3 > .columns{width:33.33333%;float:left}.large-up-3 > .column:nth-of-type(1n),.large-up-3 > .columns:nth-of-type(1n){clear:none}.large-up-3 > .column:nth-of-type(3n+1),.large-up-3 > .columns:nth-of-type(3n+1){clear:both}.large-up-3 > .column:last-child,.large-up-3 > .columns:last-child{float:left}.large-up-4 > .column,.large-up-4 > .columns{width:25%;float:left}.large-up-4 > .column:nth-of-type(1n),.large-up-4 > .columns:nth-of-type(1n){clear:none}.large-up-4 > .column:nth-of-type(4n+1),.large-up-4 > .columns:nth-of-type(4n+1){clear:both}.large-up-4 > .column:last-child,.large-up-4 > .columns:last-child{float:left}.large-up-5 > .column,.large-up-5 > .columns{width:20%;float:left}.large-up-5 > .column:nth-of-type(1n),.large-up-5 > .columns:nth-of-type(1n){clear:none}.large-up-5 > .column:nth-of-type(5n+1),.large-up-5 > .columns:nth-of-type(5n+1){clear:both}.large-up-5 > .column:last-child,.large-up-5 > .columns:last-child{float:left}.large-up-6 > .column,.large-up-6 > .columns{width:16.66667%;float:left}.large-up-6 > .column:nth-of-type(1n),.large-up-6 > .columns:nth-of-type(1n){clear:none}.large-up-6 > .column:nth-of-type(6n+1),.large-up-6 > .columns:nth-of-type(6n+1){clear:both}.large-up-6 > .column:last-child,.large-up-6 > .columns:last-child{float:left}.large-up-7 > .column,.large-up-7 > .columns{width:14.28571%;float:left}.large-up-7 > .column:nth-of-type(1n),.large-up-7 > .columns:nth-of-type(1n){clear:none}.large-up-7 > .column:nth-of-type(7n+1),.large-up-7 > .columns:nth-of-type(7n+1){clear:both}.large-up-7 > .column:last-child,.large-up-7 > .columns:last-child{float:left}.large-up-8 > .column,.large-up-8 > .columns{width:12.5%;float:left}.large-up-8 > .column:nth-of-type(1n),.large-up-8 > .columns:nth-of-type(1n){clear:none}.large-up-8 > .column:nth-of-type(8n+1),.large-up-8 > .columns:nth-of-type(8n+1){clear:both}.large-up-8 > .column:last-child,.large-up-8 > .columns:last-child{float:left}.large-collapse > .column,.large-collapse > .columns{padding-left:0;padding-right:0}.large-collapse .row,.expanded.row .large-collapse.row{margin-left:0;margin-right:0}.large-uncollapse > .column,.large-uncollapse > .columns{padding-left:.9375rem;padding-right:.9375rem}.large-centered{float:none;margin-left:auto;margin-right:auto}.large-uncentered,.large-push-0,.large-pull-0{position:static;margin-left:0;margin-right:0;float:left} } /* Extra Large Grid */ @media (min-width: 1200px) { .xlarge-1{width:8.33333%}.xlarge-push-1{position:relative;left:8.33333%}.xlarge-pull-1{position:relative;left:-8.33333%}.xlarge-offset-0{margin-left:0}.xlarge-2{width:16.66667%}.xlarge-push-2{position:relative;left:16.66667%}.xlarge-pull-2{position:relative;left:-16.66667%}.xlarge-offset-1{margin-left:8.33333%}.xlarge-3{width:25%}.xlarge-push-3{position:relative;left:25%}.xlarge-pull-3{position:relative;left:-25%}.xlarge-offset-2{margin-left:16.66667%}.xlarge-4{width:33.33333%}.xlarge-push-4{position:relative;left:33.33333%}.xlarge-pull-4{position:relative;left:-33.33333%}.xlarge-offset-3{margin-left:25%}.xlarge-5{width:41.66667%}.xlarge-push-5{position:relative;left:41.66667%}.xlarge-pull-5{position:relative;left:-41.66667%}.xlarge-offset-4{margin-left:33.33333%}.xlarge-6{width:50%}.xlarge-push-6{position:relative;left:50%}.xlarge-pull-6{position:relative;left:-50%}.xlarge-offset-5{margin-left:41.66667%}.xlarge-7{width:58.33333%}.xlarge-push-7{position:relative;left:58.33333%}.xlarge-pull-7{position:relative;left:-58.33333%}.xlarge-offset-6{margin-left:50%}.xlarge-8{width:66.66667%}.xlarge-push-8{position:relative;left:66.66667%}.xlarge-pull-8{position:relative;left:-66.66667%}.xlarge-offset-7{margin-left:58.33333%}.xlarge-9{width:75%}.xlarge-push-9{position:relative;left:75%}.xlarge-pull-9{position:relative;left:-75%}.xlarge-offset-8{margin-left:66.66667%}.xlarge-10{width:83.33333%}.xlarge-push-10{position:relative;left:83.33333%}.xlarge-pull-10{position:relative;left:-83.33333%}.xlarge-offset-9{margin-left:75%}.xlarge-11{width:91.66667%}.xlarge-push-11{position:relative;left:91.66667%}.xlarge-pull-11{position:relative;left:-91.66667%}.xlarge-offset-10{margin-left:83.33333%}.xlarge-12{width:100%}.xlarge-offset-11{margin-left:91.66667%}.xlarge-up-1 > .column,.xlarge-up-1 > .columns{width:100%;float:left}.xlarge-up-1 > .column:nth-of-type(1n),.xlarge-up-1 > .columns:nth-of-type(1n){clear:none}.xlarge-up-1 > .column:nth-of-type(1n+1),.xlarge-up-1 > .columns:nth-of-type(1n+1){clear:both}.xlarge-up-1 > .column:last-child,.xlarge-up-1 > .columns:last-child{float:left}.xlarge-up-2 > .column,.xlarge-up-2 > .columns{width:50%;float:left}.xlarge-up-2 > .column:nth-of-type(1n),.xlarge-up-2 > .columns:nth-of-type(1n){clear:none}.xlarge-up-2 > .column:nth-of-type(2n+1),.xlarge-up-2 > .columns:nth-of-type(2n+1){clear:both}.xlarge-up-2 > .column:last-child,.xlarge-up-2 > .columns:last-child{float:left}.xlarge-up-3 > .column,.xlarge-up-3 > .columns{width:33.33333%;float:left}.xlarge-up-3 > .column:nth-of-type(1n),.xlarge-up-3 > .columns:nth-of-type(1n){clear:none}.xlarge-up-3 > .column:nth-of-type(3n+1),.xlarge-up-3 > .columns:nth-of-type(3n+1){clear:both}.xlarge-up-3 > .column:last-child,.xlarge-up-3 > .columns:last-child{float:left}.xlarge-up-4 > .column,.xlarge-up-4 > .columns{width:25%;float:left}.xlarge-up-4 > .column:nth-of-type(1n),.xlarge-up-4 > .columns:nth-of-type(1n){clear:none}.xlarge-up-4 > .column:nth-of-type(4n+1),.xlarge-up-4 > .columns:nth-of-type(4n+1){clear:both}.xlarge-up-4 > .column:last-child,.xlarge-up-4 > .columns:last-child{float:left}.xlarge-up-5 > .column,.xlarge-up-5 > .columns{width:20%;float:left}.xlarge-up-5 > .column:nth-of-type(1n),.xlarge-up-5 > .columns:nth-of-type(1n){clear:none}.xlarge-up-5 > .column:nth-of-type(5n+1),.xlarge-up-5 > .columns:nth-of-type(5n+1){clear:both}.xlarge-up-5 > .column:last-child,.xlarge-up-5 > .columns:last-child{float:left}.xlarge-up-6 > .column,.xlarge-up-6 > .columns{width:16.66667%;float:left}.xlarge-up-6 > .column:nth-of-type(1n),.xlarge-up-6 > .columns:nth-of-type(1n){clear:none}.xlarge-up-6 > .column:nth-of-type(6n+1),.xlarge-up-6 > .columns:nth-of-type(6n+1){clear:both}.xlarge-up-6 > .column:last-child,.xlarge-up-6 > .columns:last-child{float:left}.xlarge-up-7 > .column,.xlarge-up-7 > .columns{width:14.28571%;float:left}.xlarge-up-7 > .column:nth-of-type(1n),.xlarge-up-7 > .columns:nth-of-type(1n){clear:none}.xlarge-up-7 > .column:nth-of-type(7n+1),.xlarge-up-7 > .columns:nth-of-type(7n+1){clear:both}.xlarge-up-7 > .column:last-child,.xlarge-up-7 > .columns:last-child{float:left}.xlarge-up-8 > .column,.xlarge-up-8 > .columns{width:12.5%;float:left}.xlarge-up-8 > .column:nth-of-type(1n),.xlarge-up-8 > .columns:nth-of-type(1n){clear:none}.xlarge-up-8 > .column:nth-of-type(8n+1),.xlarge-up-8 > .columns:nth-of-type(8n+1){clear:both}.xlarge-up-8 > .column:last-child,.xlarge-up-8 > .columns:last-child{float:left}.xlarge-collapse > .column,.xlarge-collapse > .columns{padding-left:0;padding-right:0}.xlarge-collapse .row,.expanded.row .xlarge-collapse.row{margin-left:0;margin-right:0}.xlarge-uncollapse > .column,.xlarge-uncollapse > .columns{padding-left:.9375rem;padding-right:.9375rem}.xlarge-centered{float:none;margin-left:auto;margin-right:auto}.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0{position:static;margin-left:0;margin-right:0;float:left} } /******************************************************************************** --- CD Font Icons Packcage - Full (replace with project icon set if supplied) --- *********************************************************************************/ @font-face{font-family:'CD-Project-Icons';src:url(../stylesheets/fonts/CD-Project-Icons.woff2?xfbk48) format("woff2"),url(../stylesheets/fonts/CD-Project-Icons.ttf?xfbk48) format("truetype"),url(../stylesheets/fonts/CD-Project-Icons.woff?xfbk48) format("woff"),url(../stylesheets/fonts/CD-Project-Icons.svg?xfbk48#CD-Project-Icons) format("svg");font-weight:400;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'CD-Project-Icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-minus:before{content:"\e900"}.icon-cross:before{content:"\e901"}.icon-plus:before{content:"\e902"}.icon-arrow-right:before{content:"\e903"}.icon-arrow-right2:before{content:"\e904"}.icon-arrow-right3:before{content:"\e905"}.icon-arrow-right4:before{content:"\e906"}.icon-arrow-right5:before{content:"\e907"}.icon-arrow-right6:before{content:"\e908"}.icon-arrow-right7:before{content:"\e909"}.icon-arrow-right8:before{content:"\e90a"}.icon-arrow-right9:before{content:"\e90b"}.icon-arrow-right10:before{content:"\e90c"}.icon-arrow-right11:before{content:"\e90d"}.icon-arrow-right12:before{content:"\e90e"}.icon-arrow-left:before{content:"\e90f"}.icon-arrow-right13:before{content:"\e910"}.icon-arrow-left2:before{content:"\e911"}.icon-arrow-left3:before{content:"\e913"}.icon-arrow-left4:before{content:"\e914"}.icon-arrow-left5:before{content:"\e915"}.icon-arrow-left6:before{content:"\e916"}.icon-arrow-left7:before{content:"\e917"}.icon-arrow-left8:before{content:"\e918"}.icon-arrow-left9:before{content:"\e919"}.icon-arrow-left10:before{content:"\e91a"}.icon-arrow-left11:before{content:"\e91b"}.icon-arrow-left12:before{content:"\e91c"}.icon-arrow-down:before{content:"\e91d"}.icon-arrow-down2:before{content:"\e91e"}.icon-arrow-left13:before{content:"\e91f"}.icon-arrow-down3:before{content:"\e920"}.icon-arrow-down4:before{content:"\e921"}.icon-arrow-down5:before{content:"\e922"}.icon-arrow-down6:before{content:"\e924"}.icon-arrow-down7:before{content:"\e925"}.icon-arrow-down8:before{content:"\e926"}.icon-arrow-down9:before{content:"\e927"}.icon-arrow-down10:before{content:"\e928"}.icon-arrow-down11:before{content:"\e929"}.icon-arrow-down12:before{content:"\e92a"}.icon-arrow-down13:before{content:"\e92b"}.icon-arrow-up:before{content:"\e92c"}.icon-arrow-up2:before{content:"\e92d"}.icon-arrow-up3:before{content:"\e92e"}.icon-arrow-up4:before{content:"\e92f"}.icon-arrow-up5:before{content:"\e930"}.icon-arrow-up6:before{content:"\e931"}.icon-arrow-up7:before{content:"\e932"}.icon-arrow-up8:before{content:"\e933"}.icon-arrow-up9:before{content:"\e934"}.icon-arrow-up10:before{content:"\e935"}.icon-arrow-up11:before{content:"\e936"}.icon-arrow-up12:before{content:"\e937"}.icon-arrow-up13:before{content:"\e938"}.icon-circle-down:before{content:"\e939"}.icon-circle-down2:before{content:"\e93a"}.icon-circle-left:before{content:"\e93b"}.icon-circle-up:before{content:"\e93c"}.icon-circle-left2:before{content:"\e93d"}.icon-circle-right:before{content:"\e93e"}.icon-circle-right2:before{content:"\e93f"}.icon-circle-up2:before{content:"\e940"}.icon-upload:before{content:"\e941"}.icon-download:before{content:"\e942"}.icon-notification:before{content:"\e943"}.icon-notification2:before{content:"\e944"}.icon-warning:before{content:"\e945"}.icon-warning2:before{content:"\e946"}.icon-feed:before{content:"\e947"}.icon-feed2:before{content:"\e948"}.icon-file-pdf:before{content:"\e949"}.icon-new-tab:before{content:"\e94a"}.icon-printer:before{content:"\e94b"}.icon-houzz:before{content:"\e912"}.icon-twitter-square:before{content:"\f081"}.icon-facebook-square:before{content:"\f082"}.icon-linkedin-square:before{content:"\f08c"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-facebook-f:before{content:"\f09a"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-square:before{content:"\f0d3"}.icon-google-plus-square:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-linkedin:before{content:"\f0e1"}.icon-youtube-square:before{content:"\f166"}.icon-youtube:before{content:"\f167"}.icon-youtube-play:before{content:"\f16a"}.icon-instagram:before{content:"\f16d"}.icon-skype:before{content:"\f17e"}.icon-vimeo-square:before{content:"\f194"}.icon-google:before{content:"\f1a0"}.icon-paypal:before{content:"\f1ed"}.icon-google-wallet:before{content:"\f1ee"}.icon-cc-visa:before{content:"\f1f0"}.icon-cc-mastercard:before{content:"\f1f1"}.icon-cc-discover:before{content:"\f1f2"}.icon-cc-amex:before{content:"\f1f3"}.icon-cc-paypal:before{content:"\f1f4"}.icon-cc-stripe:before{content:"\f1f5"}.icon-facebook-official:before{content:"\f230"}.icon-pinterest-p:before{content:"\f231"}.icon-tripadvisor:before{content:"\f262"}.icon-amazon:before{content:"\f270"}.icon-map2:before{content:"\f279"}.icon-account-circle:before{content:"\e602"}.icon-angle-double-down:before{content:"\e61f"}.icon-angle-double-left:before{content:"\e620"}.icon-angle-double-right:before{content:"\e621"}.icon-angle-double-up:before{content:"\e622"}.icon-archive2:before{content:"\e629"}.icon-autorenew:before{content:"\e655"}.icon-bars:before{content:"\e65f"}.icon-cached:before{content:"\e68b"}.icon-calendar2:before{content:"\e690"}.icon-ccw:before{content:"\e6a4"}.icon-chain:before{content:"\e6a6"}.icon-chain-broken:before{content:"\e6a7"}.icon-check2:before{content:"\e6aa"}.icon-check-box:before{content:"\e6ab"}.icon-check-box-outline-blank:before{content:"\e6ac"}.icon-circle:before{content:"\e6ca"}.icon-circle2:before{content:"\e6cb"}.icon-clock:before{content:"\e6d8"}.icon-clock-o:before{content:"\e6d9"}.icon-comments:before{content:"\e6ec"}.icon-comments-o:before{content:"\e6ed"}.icon-controller-play:before{content:"\e6f7"}.icon-controller-stop:before{content:"\e6f9"}.icon-credit:before{content:"\e708"}.icon-cw:before{content:"\e714"}.icon-cycle:before{content:"\e715"}.icon-dots-three-horizontal:before{content:"\e727"}.icon-dots-three-vertical:before{content:"\e728"}.icon-funnel:before{content:"\e791"}.icon-image:before{content:"\e7cb"}.icon-insert-invitation:before{content:"\e7d8"}.icon-list:before{content:"\e80c"}.icon-list-alt:before{content:"\e80e"}.icon-location:before{content:"\e811"}.icon-location-arrow:before{content:"\e812"}.icon-location-on:before{content:"\e813"}.icon-location-pin:before{content:"\e814"}.icon-lock2:before{content:"\e816"}.icon-lock-open:before{content:"\e817"}.icon-login:before{content:"\e818"}.icon-log-out:before{content:"\e819"}.icon-magnifying-glass:before{content:"\e822"}.icon-mail:before{content:"\e823"}.icon-map:before{content:"\e829"}.icon-map-marker:before{content:"\e82a"}.icon-markunread:before{content:"\e82b"}.icon-message:before{content:"\e834"}.icon-mobile:before{content:"\e83e"}.icon-mobile2:before{content:"\e83f"}.icon-new-message:before{content:"\e84a"}.icon-phone:before{content:"\e864"}.icon-play:before{content:"\e872"}.icon-question:before{content:"\e88b"}.icon-radio-button-off:before{content:"\e893"}.icon-radio-button-on:before{content:"\e894"}.icon-refresh2:before{content:"\e89c"}.icon-search:before{content:"\e8b7"}.icon-select-arrows:before{content:"\e8ba"}.icon-shopping-cart:before{content:"\e8c8"}.icon-shopping-cart2:before{content:"\e8c9"}.icon-sliders:before{content:"\e8d5"}.icon-sound-mix:before{content:"\e8e6"}.icon-th:before{content:"\e923"}.icon-user2:before{content:"\e95f"}.icon-users:before{content:"\e961"}.icon-video:before{content:"\e963"}.icon-quotes-right:before {content: "\e94c"}.icon-quotes-left:before {content: "\e94d"}.icon-left {margin-right:0.313rem;}.icon-right {margin-left:0.313rem;}.icon-beverage:before{content:"\e94e"}.icon-bread:before{content:"\e94f"}.icon-condiments:before{content:"\e950"}.icon-soup:before{content:"\e951"}.icon-sweets:before{content:"\e952"}.icon-vegetable:before{content:"\e953"}.icon-ear-of-wheat:before{content:"\e954"}.icon-open-book:before {content: "\e955";} /******************************************************************************** --- Template - Page Elements --- *********************************************************************************/ /*-----------Titles-----------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 0.833rem 0; line-height: 1.4; font-weight:normal; font-style: normal; color: #3aadad; font-family:'Montserrat',sans-serif} h1, .h1 {font-size: 2.000rem; line-height: 1.2 !important;} h2, .h2 {font-size: 1.625rem} h3, .h3 {font-size: 1.556rem} h4, .h4 {font-size: 1.333rem} h5, .h5 {font-size: 1.222rem} h6, .h6 {font-size: 1.111rem} .subheader { color: #645b5b } .heading-divider { border-bottom: 1px solid #e0dede; padding: 0 0 0.25rem 0; margin: 0 0 1rem 0; position: relative; color: #645b5b; font-size: 1.222rem; font-weight: 400; } .headings { margin-bottom: 0.714em; font-weight: 300; text-transform: uppercase; } .headings:after { content: ""; display: block; border-bottom: 0.188rem solid #3aadad; width: 4.125rem; margin-top: 0.500em; } .headings.center:after { margin-right: auto; margin-left: auto; } /*-----------Branding Colors-----------*/ .turquoise {color:#3aadad} .bg-turquoise {background-color:#3aadad} .orange {color:#e57a39} .bg-orange {background-color:#e57a39} .yellow {color:#e9b134} .bg-yellow {background-color:#e9b134} .green {color:#8fb668} .bg-green {background-color:#8fb668} .text {color:#645b5b} .noise {position: relative; } .noise:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url(../images/template/transparent-noise.png);} /*-----------Lists-----------*/ .list-reset { list-style: none; padding: 0; margin:0;} ul, ol { margin: 0 0 1.000rem 1.778rem; padding: 0;} ul, ol, li {line-height:1.9;} ol { counter-reset: section; list-style-type: none; margin: 0 0 1.000rem 0; padding: 0; } ol li { counter-increment: section; } ol li:before { content: counters(section, ".") ". "; color: #3aadad;} ol ol { margin: 0.444rem 0 0.556rem 1.778rem; } ol ol li:before { font-size: 0.778rem; } ul.bullet-a { list-style: none; margin: 0; padding: 0; overflow: hidden; } ul.bullet-a li { list-style: none; margin: 0 0 0.5rem 0; padding: 0 0 0 1.000rem; position: relative; } ul.bullet-a li:before { content: "\e621"; font-family: 'CD-Project-Icons'; display:block; line-height:1; position: absolute; top:0.267rem; left:0; color: #3aadad; } ul.bullet-a ul { margin: 0.667rem 0 0.667rem 0.667rem; } ul.list-a { list-style: none; margin: 0 0 1.000rem 0; padding: 0; } ul.list-a li { list-style: none; padding: 0.444rem 0; border-bottom: 1px solid #e0dede; } ul.list-a ul { border-top: 1px solid #e0dede; margin: 0.667rem 0 0 0; } ul.list-a ul li { padding-left: 1.778rem; font-size: 0.833rem; } ul.list-a ul li:last-child { border: none; padding-bottom: 0; } /*-----------Paragraphs-----------*/ p { margin: 0 0 1.000rem 0; line-height:1.9; } .intro { font-size: 1.313rem; line-height:1.3;} /*-----------Links-----------*/ a { color:#e75600; text-decoration: none; -webkit-transition: color 300ms ease-out; -moz-transition: color 300ms ease-out; transition: color 300ms ease-out; } a:hover {color:#645b5b; text-decoration: none; cursor: pointer; } /*-----------Images-----------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } img.aligntop { margin: 0 0 1.000rem 0; } img.alignleft, img.alignright {max-width:45%; margin-top:0.333rem; margin-bottom:0.333rem} img.alignleft { float: left; margin-right:1.389rem;} img.alignright { float: right; margin-left:1.389rem;} img.circle--small {max-width: 30%} img.recipe-image {float: right; margin: 0 0 .5rem 1rem; max-width: 300px;} img.recipe-image::after {clear: both;} /*-----------Image Zoom-----------*/ .img-zoom__container {webkit-backface-visibility: hidden; overflow: hidden; } .img-zoom__img {-webkit-transition: -webkit-transform 750ms ease-out; transition: transform 750ms ease-out;} .img-zoom__img.img-zoom__img--slower {-webkit-transition: -webkit-transform 1500ms ease-out; transition: transform 1500ms ease-out;} .img-zoom__img.img-zoom__img--slowest {-webkit-transition: -webkit-transform 3000ms ease-out; transition: transform 3000ms ease-out;} .img-zoom:hover .img-zoom__img {-webkit-transform: scale(1.05); transform: scale(1.05);} /*-----------Aligning-----------*/ .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .left { float: left } .right { float: right } /*-----------Misc Typography-----------*/ .small { font-size:1rem; font-weight: 700 } .bold { font-weight: 700 } .light {font-weight: 300 } .regular { font-weight: normal } .italic { font-style: italic } .bitter { font-family: 'Bitter','Montserrat';} .caps { text-transform: uppercase } .downcase {text-transform: none } .justify { text-align: justify } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .t1 {font-size:0.750rem} .t2 {font-size:0.938rem} .t3 {font-size:1.000rem} .t4 {font-size:1.063rem} .t5 {font-size:1.125rem} .t6 {font-size:1.250rem} .t7 {font-size:1.375rem} .t8 {font-size:1.500rem} .t9 {font-size:1.625rem} .t10 {font-size:1.750rem} .t3,.t4,.t5 {line-height:1.35} .t6,.t7,.t8,.t9,.t10 {line-height:1.2} /*-----------Spacing-----------*/ .mx-auto { margin-left: auto; margin-right: auto; } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mt1 { margin-top: 0.313rem } .mt2 { margin-top: 0.625rem } .mt3 { margin-top: 0.938rem } .mt4 { margin-top: 1.250rem } .mt5 { margin-top: 1.563rem } .mt6 { margin-top: 1.875rem } .mt7 { margin-top: 2.500rem } .mt8 { margin-top: 3.125rem } .mt9 { margin-top: 3.750rem } .mt10 { margin-top: 5.000rem } .mt11 { margin-top: 6.250rem } .mt12 { margin-top: 8.750rem } .mb0 { margin-bottom: 0 } .mb1 { margin-bottom: 0.313rem } .mb2 { margin-bottom: 0.625rem } .mb3 { margin-bottom: 0.938rem } .mb4 { margin-bottom: 1.250rem } .mb5 { margin-bottom: 1.563rem } .mb6 { margin-bottom: 1.875rem } .mb7 { margin-bottom: 2.500rem } .mb8 { margin-bottom: 3.125rem } .mb9 { margin-bottom: 3.750rem } .mb10 { margin-bottom: 5.000rem } .mb11 { margin-bottom: 6.250rem } .mb12 { margin-bottom: 8.750rem } .ml1 { margin-left: 0.313rem } /*-----------Borders and Rounding-----------*/ .border { border-style: solid; border-width: 1px; border-color:#e0dede; } .border-top { border-top-style: solid; border-top-width: 1px; border-top-color:#e0dede; } .border-right { border-right-style: solid; border-right-width: 1px; border-right-color:#e0dede; } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#e0dede; } .border-left { border-left-style: solid; border-left-width: 1px; border-left-color:#e0dede; } .border-none { border: 0 } .rounded { border-radius: 3px } .circle { border-radius: 50% } .rounded-top { border-radius: 3px 3px 0 0 } .rounded-right { border-radius: 0 3px 3px 0 } .rounded-bottom { border-radius: 0 0 3px 3px } .rounded-left { border-radius: 3px 0 0 3px } .not-rounded { border-radius: 0 } /*-----------Blockquotes-----------*/ blockquote { font-size: 1.000rem; font-family: 'Bitter','Montserrat'; margin: 0 0 1.048em 0; padding:0.810em 4.286em; position:relative;} blockquote p {line-height: 1.9;} blockquote .quote {margin:0 0 3.5em 0; position:relative;} blockquote .quote:before, blockquote .quote:after { font-family: 'CD-Project-Icons'; position:absolute; color:#efeeee; font-size:3em; line-height:1; font-style: normal;} blockquote .quote:before {content:'\e94d';top:-0.143em; left:-1.429em; } blockquote .quote:after {content:'\e94c'; bottom:-1.025em; right:0;} blockquote .cite {text-align:right; font-style: normal; font-weight: normal; } blockquote .cite span {font-size:0.762em; font-weight: 300; margin: 0 0 0 0.389em } blockquote :last-child { margin: 0; } /*-----------Divider-----------*/ hr { border: none; height: 1px; background: #e0dede; clear: both; margin: 1.389rem 0; } /*-----------Responsive Embed-----------*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-----------Buttons-----------*/ a.button, .button a, input.button {cursor: pointer; line-height:1; border:none; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #de7436; margin: 0 0 1.111rem 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding:1.125rem 3rem 0.938rem; font-size:1.111rem; text-transform: uppercase; outline: none; -webkit-transition:all 200ms ease; -moz-transition: all 200ms ease; transition:all 200ms ease; color:#fff; background-color: #e57a39;} a.button:hover, .button:hover a, input.button:hover {color:#fff; background-color: #fc8943} a.button.secondary { background-color: #e9b134; border-bottom-color: #dfa932;} a.button.secondary:hover {background-color: #ffc646} a.button.tertiary {background-color: #3aadad; border-bottom-color: #30a4a4;} a.button.tertiary:hover {background-color: #48c4c4} a.button.quaternary {background-color: #8fb668; border-bottom-color: #85ac5c;} a.button.quaternary:hover {background-color: #a5ce7c} a.button.large {padding-right: 4rem; padding-left: 4rem; font-size:1.333rem } a.button.tiny {padding:0.875rem 2rem 0.750rem; font-size:0.875rem; font-weight:700;} a.button.expand { padding-right: 0; padding-left: 0; width: 100%; } a.button.wide {padding-left:3.333rem; padding-right:3.333rem;} button.reset { border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; outline: none;} a.button:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url(../images/template/transparent-noise.png);} /*-----------Disabled Button-----------*/ .button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:#faf9f8; border-color:#d2d2d2; color:#000; cursor:default; text-shadow:none;} @media (min-width: 768px) and (max-width: 959px) { img.alignleft, img.alignright {max-width:32%;} img.circle--small {max-width: 24%} } @media (max-width: 1023px) { .mt5 { margin-top: 1.250rem } .mt6 { margin-top: 1.563rem } .mt7 { margin-top: 2.188rem } .mt8 { margin-top: 2.813rem } .mt9 { margin-top: 3.125rem } .mt10 { margin-top: 4.375rem } .mt11 { margin-top: 5.625rem } .mt12 { margin-top: 7.500rem } .mb5 { margin-bottom: 1.250rem } .mb6 { margin-bottom: 1.563rem } .mb7 { margin-bottom: 2.188rem } .mb8 { margin-bottom: 2.813rem } .mb9 { margin-bottom: 3.125rem } .mb10 { margin-bottom: 4.375rem } .mb11 { margin-bottom: 5.625rem } .mb12 { margin-bottom: 7.500rem } } @media (max-width: 767px) { h1, .h1 {font-size: 2.000rem} h2, .h2 {font-size: 1.500rem} h3, .h3 {font-size: 1.313rem} .mt5 { margin-top: 1.125rem } .mt6 { margin-top: 1.375rem } .mt7 { margin-top: 1.875rem } .mt8 { margin-top: 2.500rem } .mt9 { margin-top: 2.813rem } .mt10 { margin-top: 3.750rem } .mt11 { margin-top: 5.000rem } .mt12 { margin-top: 6.250rem } .mb5 { margin-bottom: 1.125rem } .mb6 { margin-bottom: 1.375rem } .mb7 { margin-bottom: 1.875rem } .mb8 { margin-bottom: 2.500rem } .mb9 { margin-bottom: 2.813rem } .mb10 { margin-bottom: 3.750rem } .mb11 { margin-bottom: 5.000rem } .mb12 { margin-bottom: 6.250rem } } @media (max-width: 639px) { img.alignleft, img.alignright {max-width:32%;} img.circle--small {max-width: 24%} } @media (max-width: 479px) { h1, .h1 {font-size: 1.750rem} h2, .h2 {font-size: 1.375rem} h3, .h3 {font-size: 1.188rem} h4, .h4 {font-size: 1.125rem} .mt5 { margin-top: 1.000rem } .mt6 { margin-top: 1.250rem } .mt7 { margin-top: 1.625rem } .mt8 { margin-top: 2.188rem } .mt9 { margin-top: 2.500rem } .mt10 { margin-top: 3.125rem } .mt11 { margin-top: 4.375rem } .mt12 { margin-top: 5.000rem } .mb5 { margin-bottom: 1.000rem } .mb6 { margin-bottom: 1.250rem } .mb7 { margin-bottom: 1.625rem } .mb8 { margin-bottom: 2.188rem } .mb9 { margin-bottom: 2.500rem } .mb10 { margin-bottom: 3.125rem } .mb11 { margin-bottom: 4.375rem } .mb12 { margin-bottom: 5.000rem } blockquote {font-size:0.875rem;} } @media (max-width: 375px) { /*-----------Images-----------*/ img.alignleft, img.alignright {float:none; margin:0 auto 1rem; display:block; max-width:100%;} img.circle {max-width: 200px;} /*----------Buttons-----------*/ .button {display:block; width:100%;} } /******************************************************************************** --- Side Nav --- *********************************************************************************/ .side-nav {font-size:16px; background:#3aadad; border-bottom:4px solid #37a5a5; margin-bottom:1em;} .side-nav__title {display:block; position:relative; padding:1.500em 0.750em 1.250em 1.500em; color:#fff; line-height:1.2; font-size:1.250em; text-transform:uppercase;} .side-nav ul {list-style:none; margin:0; padding:0;} .side-nav li, .side-nav a {display:block; line-height:1.2;} .side-nav a {color:#fff; transition:color 250ms ease, background-color 250ms ease;} .side-nav a:hover, .side-nav li.selected > a {background:#2e9c9c; color:#acf2f2} .side-nav > ul {position:relative;} .side-nav > ul > li > a {font-size:0.875em; padding:0.857em 1.071em 0.857em 2.143em; border-bottom:1px solid rgba(255,255,255,0.35);} .side-nav > ul > li:last-child a {border-bottom:none;} .side-nav > ul > li:first-child > a {border-top:1px solid rgba(255,255,255,0.35);} .side-nav ul ul {background:#278d8d;} .side-nav ul ul li a {font-size:0.813em; padding:0.769em 1.154em 0.769em 4.231em;} .side-nav ul ul ul li a {padding:0.769em 1.154em 0.769em 5.385em;} .side-nav ul ul ul a:hover, .side-nav ul ul ul li.selected > a {background:none;} @media (min-width: 901px) and (max-width: 959px) { .side-nav {font-size:15px;} } @media (min-width: 768px) and (max-width: 900px) { .side-nav {font-size:13px;} } @media (max-width: 479px) { .side-nav {font-size:14px;} } /******************************************************************************** --- Side Modules --- *********************************************************************************/ .side-module {font-size:16px; margin-bottom:1em; border-bottom:4px solid rgba(0,0,0,0.05); position: relative; } .side-module h1, .side-module h2, .side-module h3, .side-module h4, .side-module h5 {color:#fff; line-height:1.2; font-size:1.250em; margin-bottom:0.938em;} .side-module--yellow {background-color:#e9b134;} .side-module--orange {background-color:#e57a39;} .side-module--green {background-color:#8fb668;} .side-module--orange:before, .side-module--green:before, .side-module--yellow:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url(../images/template/transparent-noise.png);} @media (min-width: 901px) and (max-width: 959px) { .side-module {font-size:15px;} } @media (min-width: 768px) and (max-width: 900px) { .side-module {font-size:13px;} } @media (max-width: 479px) { .side-module {font-size:14px;} } @media (max-width: 375px) { .side-module {font-size:13px;} } @media (max-width: 320px) { .side-module {font-size:12px;} } /******************************************************************************** --- Side Modules - Testimonial --- *********************************************************************************/ .side-module--testimonial {padding:1.875em;} .sm-testimonial-overview {border-bottom:1px solid rgba(0,0,0,0.15); position:relative; padding-bottom:0.750em; margin-bottom:0.750em;} .sm-testimonial-overview:after {content:""; display:block; position:absolute; bottom:-2px; left:0; width:100%; height:1px; background:rgba(255,255,255,0.15);} .sm-testimonial-overview p {font-size:0.875em; color:#fff;} .sm-testimonial-overview :last-child {margin-bottom:0;} .sm-testimonial {text-align:center; color:#fff; padding: 0;} .sm-testimonial__quote {position:relative; padding:1em 0 0; margin-bottom:1em;} .sm-testimonial__quote:before, .sm-testimonial__quote:after {font-family: 'CD-Project-Icons'; display:block; position:absolute; color:rgba(255,255,255,0.10); font-size:4.250em; line-height:1;} .sm-testimonial__quote:before {content:"\e94d"; top:0; left:0;} .sm-testimonial__quote:after {content:"\e94c"; bottom:0; right:0;} .sm-testimonial__quote p {font-family:"Bitter", Serif; font-size:0.938em;} .sm-testimonial__quote :last-child {margin-bottom:0;} .sm-testimonial__cite {font-size:0.813em; font-weight:700; margin:0;} .sm-testimonial__cite span {font-weight:400;} /******************************************************************************** --- Side Modules - Image and Text --- *********************************************************************************/ .sm-image-text__img {text-align:center; position:relative} .sm-image-text__img-caption {position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.35); padding:0.750em 1.250em; color:#fff; font-size:1.250em; line-height:1.2; text-align:left;} .sm-image-text__img--centered {padding:1.563em 1.563em 0 1.563em;} .sm-image-text__body {color:#fff; font-size:0.875em; padding:0.886em 2.186em 0.186em; position:relative;} @media (max-width: 767px) { .sm-image-text__img:not(.sm-image-text__img--centered) {max-width:250px; margin:0 auto; padding-top:1.563em;} } /******************************************************************************** --- Side Modules - Ad --- *********************************************************************************/ .side-module--ad {border-bottom:none;} .side-module--ad img {display:block; width:100%;} @media (max-width: 767px) { .side-module--ad {max-width:250px; margin-right:auto; margin-left:auto;} } /******************************************************************************** --- Side Modules - Image - Title --- *********************************************************************************/ .side-module--image-title {border:none;} .sm-image-title:not(:last-child) {margin-bottom:0.250em;} .sm-image-title img {display:block; width:100%;} .sm-image-title__caption {display:block; background:#7f7d7a; color:#fff; font-size:0.875em; text-align:center; padding:0.571em 1.786em; line-height:1.2;} @media (max-width: 767px) { .side-module--image-title {text-align:center;} .sm-image-title {max-width:250px; display:inline-block;} } /******************************************************************************** --- Side Modules - Links with Icons --- *********************************************************************************/ .side-module--links {padding:1.875em; color:#fff;} .side-module--links ul {list-style:none; margin:0; padding:0; position:relative;} .side-module--links li {display:block;} .side-module--links a {display:inline-block; color:#fff; font-family:"Bitter", Serif; font-size:1.000em; padding:0.375em 0;} .side-module--links a span {font-size:1.250em; display:inline-block; vertical-align:middle; margin-right:0.278em;} .side-module--links a:hover, .side-module--links li.selected a {color:#ffe094;} /******************************************************************************** --- Side Modules - Articles --- *********************************************************************************/ .side-module--articles {padding:1.875em;} .article-link-list {position:relative;} .article-link {display:block; overflow:hidden; padding:0.750em 0; border-bottom:1px solid rgba(255,255,255,0.35)} .article-link__img {float:left; width:25%;} .article-link__info {float:right; width:68%;} .article-link__title {display:block; color:#fff; font-size:0.750em; line-height:1.3; transition:color 250ms ease} .article-link:hover .article-link__title {color:rgba(255,255,255,0.65);} @media (max-width: 767px) { .article-link__title {font-size:1.000em;} } /******************************************************************************** --- Sub Nav --- *********************************************************************************/ .sub-nav {text-align:center; font-size:16px; margin-bottom:1.000em;} .sub-nav ul {list-style:none; margin:0; padding:0; overflow:hidden; border:1px solid #e0dede; border-radius:0.500em; display:inline-block} .sub-nav li {display:block; float:left;} .sub-nav a {display:block; color:#888888; font-size:1.125em; text-transform:uppercase; padding:0.75em 2.778em; transition:color 250ms ease, background 250ms ease;} .sub-nav li:not(:last-child) {border-right:1px solid #e0dede;} .sub-nav a:hover, .sub-nav li.selected a {background:#3aadad; color:#fff;} @media (max-width: 959px) { .sub-nav {font-size:15px;} .sub-nav a {padding:0.875em 2.000em;} } @media (max-width: 800px) { .sub-nav {font-size:14px;} .sub-nav a {padding:0.750em 1.500em;} } @media (max-width: 639px) { .sub-nav {font-size:12px;} } @media (max-width: 479px) { .sub-nav {font-size:10px;} } @media (max-width: 375px) { .sub-nav {font-size:8px;} } /******************************************************************************** --- Expanded Page Header --- *********************************************************************************/ .expanded-page-header {background:#f9f8f7; padding:1.500em 3.750rem; margin:0 -3.750rem 2.000rem} .expanded-page-header h1 {margin:0; line-height:1; font-size:1.675rem;} @media (max-width: 959px) { .expanded-page-header {padding-right:2.500rem; padding-left:2.500rem; margin-right:-2.500rem; margin-left:-2.500rem;} .expanded-page-header h1 {font-size:1.625rem} } @media (max-width: 800px) { .expanded-page-header {padding-right:2.000rem; padding-left:2.000rem; margin-right:-2.000rem; margin-left:-2.000rem;} .expanded-page-header h1 {font-size:1.500rem} } @media (max-width: 639px) { .expanded-page-header {padding-right:1.250rem; padding-left:1.250rem; margin-right:-1.250rem; margin-left:-1.250rem;} .expanded-page-header h1 {font-size:1.313rem; text-align:center;} } @media (max-width: 375px) { .expanded-page-header {padding-right:0.9375rem; padding-left:0.9375rem; margin-right:-0.9375rem; margin-left:-0.9375rem;} .expanded-page-header h1 {font-size:1.125rem} } /******************************************************************************** --- Home Featured - Blocks --- *********************************************************************************/ .featured-blocks.row {margin-left: -0.250rem; margin-right: -0.250rem;} .featured-blocks .column {padding-right:0.250rem; padding-left:0.250rem;} .featured-box {font-size:16px; margin-bottom:1em;} .featured-box__img {display:block;} .featured-box__img img {width:100%;} .featured-box__body {background:#fff; text-align:center; padding:1.250em 1.250em 3.875em; position:relative;} .featured-box__body h2 {font-size:1.000em; text-transform:uppercase;} .featured-box__body h2, .featured-box__body h2 a {color:#645b5b;} .featured-box__body p {font-size:0.813em; margin:0; line-height: 1.5;} .featured-box__body .button {position:absolute; bottom:0; left:0; width:100%; padding:0; margin:0; height:3.231em; line-height:3.231em; font-size:0.813em;} @media (max-width: 1023px) { .featured-box {font-size:15px;} } @media (max-width: 959px) { .featured-box {font-size:14px;} } @media (max-width: 800px) { .featured-box__body p {line-height:1.3;} } @media (max-width: 767px) { .featured-box {font-size:16px;} .featured-box__body p {line-height:1.5;} } @media (max-width: 639px) { .featured-box {font-size:15px;} } @media (max-width: 320px) { .featured-box {font-size:14px;} } /******************************************************************************** --- Home Featured - Main --- *********************************************************************************/ .main-featured {background:#fff; position:relative;} .main-featured__img {background-position:center center; background-repeat:no-repeat; background-size:cover;} .main-featured__body {font-size:16px; padding-left:54%;} .main-featured__img:after {content:""; display:block; position:absolute; top:0; } .main-featured__body-inner {padding:3.750em 4.375em 2.500em 1.250em;} .main-featured__cta { /*border:1px solid #f8d6c3; */padding:1.000em 0 1.000em 40%; text-align:right; position:relative; margin:3em 0 2em;} .main-featured__cta-img {position:absolute; top:-1.000em; left:0em; max-width:36%;} .main-featured__cta-title {display:block; font-size:1.000em; margin:0 1em 0.875em 0; line-height:1.2; text-transform:uppercase;} .main-featured__cta .button {font-size:0.875em; margin:0; padding:0.875em 0.500em 0.750em; display:block; width:100%;} @media (min-width: 640px) { .main-featured__img {position:absolute; top:0; left:0; width:54%; height:100%;} .main-featured__img:after {right:0; width:30%; height:100%; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );} } @media (max-width: 959px) { .main-featured__body {font-size:14px;} .main-featured__body-inner {padding-right:2em;} } @media (max-width: 800px) { .main-featured__body {font-size:12px;} .main-featured__body-inner {padding-top:2em;} } @media (max-width: 639px) { .main-featured__body {padding-left:0; font-size:16px;} .main-featured__body-inner {padding:2em 2em 1em 2.250em;} .main-featured__img {height:200px; background-position:top center; position:relative;} .main-featured__img:after {top:-1px; left:0; width:100%; height:30%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );} } @media (max-width: 479px) { .main-featured__body {font-size:14px;} } @media (max-width: 375px) { .main-featured__body {font-size:13px;} } @media (max-width: 320px) { .main-featured__body {font-size:12px;} } /******************************************************************************** --- Mendhi Text Box --- *********************************************************************************/ .mendhi-text-box {background: #faf9f8; padding: 2.25em 3.214em 2.25em 35%; background-image: url(/images/template/mendhi-turquoise.png); background-repeat: no-repeat; background-position: bottom left; background-size: 30% auto} @media (min-width: 768px) and (max-width: 959px) { .mendhi-text-box {font-size: 12px;} } @media (max-width: 479px) { .mendhi-text-box {padding: 2em; background-size: 25% auto} } @media (max-width: 375px) { .mendhi-text-box {padding: 1.500em;} } /******************************************************************************** --- Color Text Box --- *********************************************************************************/ .color-text-box {color: #fff; padding: 2.214em 3.214em 3.214em; margin-bottom: .5em;} .color-text-box__inner {position: relative;} .color-text-box :last-child {margin-bottom: 0;} .color-text-box h1, .color-text-box h2, .color-text-box h3, .color-text-box h4, .color-text-box h5 {color: #fff;} .color-text-box a:not(.button) {font-weight: 700;} .color-text-box ul.bullet-a li:before {color: #fff;} .color-text-box.bg-yellow a:not(.button):hover {color: #fc8943} .color-text-box.bg-turquoise a:not(.button) {color: #acf2f2} .color-text-box.bg-turquoise a:not(.button):hover {color: #fff} .color-text-box.bg-orange a:not(.button) {color: #f5d788} .color-text-box.bg-orange a:not(.button):hover {color: #ffc646} .color-text-box.bg-green a:not(.button) {color: #f5d788} .color-text-box.bg-green a:not(.button):hover {color: #ffc646} @media (max-width: 479px) { .color-text-box {padding: 2em;} } @media (max-width: 375px) { .color-text-box {padding: 1.500em;} } /******************************************************************************** --- 3 Col Text Box with BG Image --- *********************************************************************************/ .three-col-text-box {background-color: #faf9f8; background-size: 100% auto; background-repeat: no-repeat; background-position: bottom left; padding-bottom: 78%;} .three-col-text-box__inner {position: relative; padding:2.500em 3.214em; } .three-col-text-box__inner > div {position: relative;} .three-col-text-box__inner:before {content: ""; display: block; position: absolute; bottom: -170px; left: 0; width: 100%; height: 275px; background: -moz-linear-gradient(top, rgba(250,249,248,1) 0%, rgba(250,249,248,1) 35%, rgba(250,249,248,0) 100%);background: -webkit-linear-gradient(top, rgba(250,249,248,1) 0%,rgba(250,249,248,1) 35%,rgba(250,249,248,0) 100%);background: linear-gradient(to bottom, rgba(250,249,248,1) 0%,rgba(250,249,248,1) 35%,rgba(250,249,248,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9f8', endColorstr='#00faf9f8',GradientType=0 );} @media (max-width: 479px) { .three-col-text-box__inner {padding: 2em;} } @media (max-width: 375px) { .three-col-text-box__inner {padding: 1.500em;} } /******************************************************************************** --- 3 Col Contect Section with Button --- *********************************************************************************/ .three-col-button {font-size: 14px; padding-bottom: 0.5em;} .three-col-button__row {border-bottom: 1px solid #e0dede; padding:1.000em 0; overflow: hidden;} .three-col-button__row:first-child {border-top: 1px solid #e0dede; } .three-col-button__row :last-child {margin-bottom: 0;} .three-col-button__row p {line-height: 1.9;} .three-col-button__row-left {width: 75%; float: left; overflow: hidden;} .three-col-button__row-left-title {width: 25%; float: left;} .three-col-button__row-left-title p {color: #3aadad; font-size: 1.125em; text-transform: uppercase;} .three-col-button__row-left-desc {width: 75%; float: right;} .three-col-button__row-right {width: 23%; float: right;} .three-col-button__row-right .button {font-size: 1.000em; padding: 1.000em 0.571em; display: block; width: 100%;} @media (min-width: 768px) and (max-width: 959px) { .three-col-button__row-left-title p {font-size: 1.125em;} .three-col-button {font-size: 12px;} } @media (max-width: 767px) { .three-col-button__row-left-title p {font-size: 1.125em;} .three-col-button {font-size: 13px;} } @media (max-width: 639px) { .three-col-button__row-left-title, .three-col-button__row-left-desc {width: 100%; float: none;} .three-col-button__row-left-title {margin-bottom: 0.500em;} } @media (max-width: 479px) { .three-col-button__row {padding:1.500em 0;} .three-col-button__row-left, .three-col-button__row-right {width: 100%; float: none;} .three-col-button__row-left {margin-bottom: 0.750em;} .three-col-button__row-right .button {display: inline-block; width: auto; padding-right:2em; padding-left: 2em;} } @media (max-width: 375px) { .three-col-button {font-size: 12px;} } /******************************************************************************** --- Photo Gallery --- *********************************************************************************/ .photo-gallery-container {margin-bottom:2.000em;} .photo-gallery-top {margin-bottom: 0.5em;} .photo-gallery-slide {position: relative;} .photo-gallery-slide img {width: 100%;} .photo-gallery-slide__caption {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.55); padding: 0.857em; color: #fff; line-height: 1.2;} .photo-gallery-top .slick-arrow {position: absolute; top: 50%; border:none; background: none; padding: 0; margin:-0.833em 0 0 0; width: 1.333em; height: 1.667em; line-height:1.667em; color: #fff; z-index: 50; font-size: 2.571em; text-align: center; transition: background-color 250ms ease, opacity 250ms ease} .photo-gallery-top .slick-arrow span {display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: -0.083em} .photo-gallery-top .slick-arrow:focus {outline: none;} .photo-gallery-top .slick-arrow:hover {background: rgba(0,0,0,.35);} .photo-gallery-top .slick-next {right:0;} .photo-gallery-top .slick-prev {left: 0;} .photo-gallery-top .slick-disabled {opacity: 0;} .photo-gallery-nav {margin: 0 -0.143em;} .photo-gallery-thumb {padding: 0 0.143em;} .photo-gallery-thumb__inner {position: relative;} .photo-gallery-thumb__inner:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: background-color 250ms ease;} .slick-current .photo-gallery-thumb__inner:before { background-color: rgba(229, 122, 57,0.70); } .photo-gallery-thumb:hover .photo-gallery-thumb__inner:before { background-color: rgba(229, 122, 57,0.25); } .slick-slide:not(.slick-current) {cursor: pointer;} @media (max-width: 639px) { .photo-gallery-top {font-size: 13px;} } @media (max-width: 479px) { .photo-gallery-top .slick-arrow {font-size: 1.714em} } @media (max-width: 375px) { .photo-gallery-top {font-size: 11px;} } /******************************************************************************** --- Slick Slider --- *********************************************************************************/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus, .slick-slide:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /******************************************************************************** --- Notes Text Box --- *********************************************************************************/ .note-text-box {padding:3.500em 3.214em; background-image: url(/images/template/note-bg.jpg); background-repeat: no-repeat; background-size:100% 100%} @media (max-width: 767px) { .note-text-box {padding-top: 5em; padding-bottom: 5em;} .note-text-box__img {text-align: center; margin-bottom: 2em;} } @media (max-width: 479px) { .note-text-box {padding-right: 2em; padding-left: 2em;} } /******************************************************************************** --- Gray Text Box with Header --- *********************************************************************************/ .gray-text-box {background: #faf9f8;} .gray-text-box-15 {background: #f0eeea;} .gray-text-box__header img {width: 100%; text-align: center;} .gray-text-box__body {padding:2.000em 3.214em;} .gray-text-box__body .button {margin-top: .914em;} @media (max-width: 479px) { .gray-text-box__body {padding: 2em;} } @media (max-width: 375px) { .gray-text-box__body {padding: 1.500em;} } /******************************************************************************** --- Inner Text Box --- *********************************************************************************/ .inner-text-box {border: 1px solid #e0dede; padding:2.000em;} @media (max-width: 639px) { .inner-text-box {padding: 1.500em;} } @media (max-width: 475px) { .inner-text-box {padding: 1.000em;} } @media (max-width: 375px) { .inner-text-box {padding: 0.875em;} } /******************************************************************************** --- Block Navigation --- *********************************************************************************/ .block-nav {display:block; margin-bottom: 2em; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 235px; line-height: 235px; position: relative; text-align: center;} .block-nav:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35);} .block-nav__center {display: inline-block; vertical-align: middle; line-height: 1.1; padding: 1.071em 1.786em; position: relative;} .block-nav__title {display:block; color: #fff; font-size: 1.714em; text-transform: uppercase; font-weight: 500; padding:0.417em; border-bottom: 1px solid rgba(255,255,255,0.5); border-top: 1px solid rgba(255,255,255,0.5); transition: color 250ms ease, border 250ms ease;} .block-nav:hover .block-nav__title {color: #ff9e63; border-color:#ff9e63} .block-nav--small {font-size:11px; height: 150px; line-height: 150px;} @media (min-width: 768px) and (max-width: 959px) { .block-nav {font-size: 12px;} .block-nav--small {font-size:10px;} } @media (max-width: 639px) { .block-nav {font-size: 12px;} .block-nav--small {font-size:10px;} } @media (max-width: 580px) { .block-nav {font-size: 11px;} .block-nav--small {font-size:9px;} } @media (max-width: 479px) { .block-nav {font-size: 12px; height: 180px; line-height: 180px;} .block-nav--small {font-size:11px; height: 150px; line-height: 150px;} } @media (max-width: 375px) { .block-nav {font-size: 10px; height: 150px; line-height: 150px;} .block-nav--small {font-size:10px; height: 150px; line-height: 150px;} } /******************************************************************************** --- Gray List Block --- *********************************************************************************/ .gray-list-block-list {margin-bottom: 1em;} .gray-list-block {overflow: hidden; background: #faf9f8; padding:1.786em 2.143em; margin-bottom:1em;} .gray-list-block__img {float: left; width: 36%;} .gray-list-block__info {float: right; width: 61%} .gray-list-block__info .heading-divider {padding-bottom: 0.375em; margin-bottom: 0.500em; text-transform: uppercase;} .gray-list-block__info :last-child {margin-bottom: 0;} @media (min-width: 768px) and (max-width: 959px) { .gray-list-block {font-size: 13px; padding:1.5em 1.857em;} } @media (max-width: 479px) { .gray-list-block {padding:1.125em;} .gray-list-block__img, .gray-list-block__info {float: none; width: 100%} .gray-list-block__img {margin-bottom: 1em; text-align: center;} } /******************************************************************************** --- Gray Text Box --- *********************************************************************************/ .gray-text-box {background: #faf9f8; padding: 0em; margin-bottom: 1em;} @media (max-width: 479px) { .gray-text-box {padding: 0em;} } @media (max-width: 375px) { .gray-text-box {padding: 1.500em;} } /******************************************************************************** --- Press List --- *********************************************************************************/ .press-list {margin-bottom:2.000em;} .press-item {font-size:16px; display:block; text-align:center; margin-bottom:2.000em;} .press-item__img {height:260px; line-height:260px; margin-bottom:0.500em; background:#faf9f8;} .press-item__img img {max-height:260px; width:auto;} .press-item__title {color:#645b5b; line-height:1.2; font-size:0.875em} @media (min-width: 768px) and (max-width: 959px) { .press-item {font-size:14px;} } @media (max-width: 639px) { .press-item {font-size:14px;} .press-item__img {height:180px; line-height:180px;} .press-item__img img {max-height:180px;} } @media (max-width: 479px) { .press-item {font-size:15px;} .press-item__img {height:125px; line-height:125px; background:none;} .press-item__img img {max-height:125px;} } /******************************************************************************** --- Press Detail --- *********************************************************************************/ .press-detail {font-size:14px;} .press-detail__author {display:block; font-style:italic; margin-bottom:0.750em} .press-detail__img {text-align:center; margin-bottom:0.750em;} .press-detail__actions {text-align:center;} .press-detail__actions .button {font-size:1.143em; padding:0.750em 0; width:100%; max-width:230px; margin-bottom:0.500em;} .press-detail__actions p {line-height:1.3; font-size:1.000em; max-width:230px; margin:0 auto;} /******************************************************************************** --- Reviews --- *********************************************************************************/ .review-item {margin-bottom:1.750em; padding-bottom:1.750em; border-bottom:1px solid #e0dede; font-family: 'Bitter','Montserrat';} .review-item__description {margin-bottom:1.250em;} .review-item__source, .review-item__source-title {display:block;} .review-item__source {font-weight:700;} /******************************************************************************** --- Training Programs --- *********************************************************************************/ .programs-item {margin-bottom:2.000em;} .programs-list .programs-item, .programs-item--detail {margin-bottom:1.5em; background: #faf9f8; padding:2.000em 3.214em;} @media (max-width: 479px) { .programs-list .programs-item, .programs-item--detail {padding: 2em;} } @media (max-width: 375px) { .programs-list .programs-item, .programs-item--detail {padding: 1.500em;} } /******************************************************************************** --- Faculty --- *********************************************************************************/ .faculty-list{margin-bottom:2.000em;} .faculty-item {text-align:center; margin-bottom:2em; display:block;} .faculty-item__img {overflow:hidden; margin-bottom:0.750em;} .faculty-item__img img {border-radius:50%;} .faculty-item__name, .faculty-item__position {font-size:1em; line-height:1.3; display:block;} .faculty-item__name {font-size:1.143em; font-weight:700; color:#3aadad;} .faculty-item__position {color:#645b5b;} .faculty-item-alt {margin-bottom:1.000em; margin-top: 2.000em;} .faculty-item-alt blockquote {border-top:none; font-size:1.000em} @media (min-width: 768px) and (max-width: 959px) { .faculty-item {font-size:12px;} } @media (max-width: 479px) { .faculty-item__img {max-width:180px; margin-right:auto; margin-left:auto;} .faculty-item {font-size:12px;} } @media (max-width: 375px) { .faculty-item__img {max-width:125px;} } /******************************************************************************** --- Seminars --- *********************************************************************************/ .seminar-item {margin-bottom:2.000em; font-size:14px; text-align:center; display:block;} .seminar-item__img {margin-bottom:0.500em;} .seminar-item__img img {width:100%;} .seminar-item__info-date, .seminar-item__info-title, .seminar-item__info-subtitle {display:block; line-height:1.3;} .seminar-item__info-date {text-transform:uppercase; margin-bottom:0.357em; color: #645b5b;} .seminar-item__info-title {color:#3aadad; margin-bottom:0.357em;} .seminar-item__info-subtitle {font-size:0.929em; font-family: 'Bitter','Montserrat'; color: #645b5b;} @media (min-width: 768px) and (max-width: 959px) { .seminar-item {font-size:13px;} } @media (max-width: 639px) { .seminar-item {font-size:13px;} } @media (max-width: 479px) { .seminar-item {font-size:14px;} } @media (max-width: 375px) { .seminar-item {font-size:13px;} } /******************************************************************************** --- Clinic Blocks --- *********************************************************************************/ .clinic {font-size:14px; display:block; height:160px; line-height:160px; text-align:center; color:#fff; padding:0 1.071em; margin-bottom:2em; background-position:center center; background-repeat:no-repeat;} .clinic:hover {color:#fff;} .clinic h2 {font-size:1.429em; text-transform:uppercase; font-weight:700; color:#fff; margin-bottom:0.200em;} .clinic p {font-family: 'Bitter','Montserrat'; line-height:1.3; margin:0;} .clinic__center {display:inline-block; vertical-align:middle; line-height:1.2;} .clinic--orange {background-image:url(/images/template/shape-student-clinic.png);} .clinic--yellow {background-image:url(/images/template/shape-graduate-clinic.png);} .clinic--turquoise {background-image:url(/images/template/shape-professional-clinic.png);} .clinic--green {background-image:url(/images/template/shape-ayuryoga.png);} .clinic-divider {height:52px; background:url(/images/template/divider-a.png) no-repeat top center; margin:2em 0;} @media (max-width: 479px) { .clinic {height:120px; line-height:120px; margin-bottom:1em;} } @media (max-width: 375px) { .clinic {height:100px; line-height:100px; font-size:13px;} } /******************************************************************************** --- Article List --- *********************************************************************************/ .article-item {margin-bottom:2.000em; font-size:14px; display:block;} .article-item__img {margin-bottom:0.500em;} .article-item__img img {width:100%;} .article-item__info-title {display:block; line-height:1.3; color:#645b5b;} @media (max-width: 639px) { .article-item {font-size:13px;} } @media (max-width: 479px) { .article-item {font-size:14px;} } @media (max-width: 375px) { .article-item {font-size:13px;} } /******************************************************************************** --- Downloads List --- *********************************************************************************/ .downloads-list {padding:0.714em 0;} .downloads-list a {font-size:1.111em;} .downloads-list span {font-size:1.111em; position:relative; top:0.100em; margin-right:0.150em;} /******************************************************************************** --- Products Header --- *********************************************************************************/ .products-header {font-size:16px; background-repeat:no-repeat; background-position:center center; background-size:cover; height:525px; position:relative;} .products-header__badge {position:absolute; top:4em; right:4em; width:23.750em; padding:1.875em 3.125em 3.125em; text-align:center; background:url(/images/template/shop-badge.png) no-repeat top left; background-size:100% 100%;} .products-header__badge-subtitle, .products-header__badge-title {display:block; color:#3aadad;} .products-header__badge-subtitle {font-size:1.250em; font-family: 'Bitter','Montserrat'; line-height:1.2;} .products-header__badge-title {font-size:2.125em; margin-bottom:0.235em; line-height:1.2;} .products-header__badge-title.headings:after {margin-top:0.118em;} .products-header__badge p {font-size:1em; line-height:1.9;} .products-header__badge .button {margin-bottom:0;} @media (max-width: 959px) { .products-header {font-size:15px; height:475px;} } @media (max-width: 800px) { .products-header {height:400px;} .products-header__badge {top:2em; right:2em;} } @media (max-width: 639px) { .products-header {font-size:14px; height:350px;} .products-header__badge {top:1.5em; right:1.5em;} } @media (max-width: 479px) { .products-header {font-size:12px; height:300px;} .products-header__badge {top:1em; right:1em;} .products-header__badge img {max-width:35px;} } @media (max-width: 320px) { .products-header {font-size:11px; height:280px;} .products-header__badge {top:0.875em; right:0.875em;} } /******************************************************************************** --- Events --- *********************************************************************************/ /*-----------Header and Filter-----------*/ .expanded-page-header--calendar {overflow:hidden;} .expanded-page-header--calendar h1 {display:inline-block; height:40px; line-height:40px;} .calendar-filter {font-size:14px; float:right; text-align:right;} .calendar-filter :last-child {padding-right:0;} .calendar-filter select {width:12.857em; display:inline-block; height:40px; margin:0 0.857em 0 0;} .calendar-filter__view {display:inline-block; font-size:1.000em; height:40px; line-height:40px; padding:0 0.857em; color:#999999;} .calendar-filter__view:hover, .calendar-filter__view.active {color:#3aadad;} .calendar-filter__view span {font-size:1.286em; position:relative; top:0.222em; margin-right:0.111em;} /*-----------List View-----------*/ .event-list {margin-bottom:1.000em;} .event-item {font-size:14px; overflow:hidden; border-top:1px solid #e0dede; padding:1.250em 0; background: rgb(249,248,247);background: -moz-linear-gradient(top, rgba(249,248,247,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top, rgba(249,248,247,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(249,248,247,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8f7', endColorstr='#ffffff',GradientType=0 );} .event-item > div {float:left; padding:0 0.857em;} .event-item__date {width:20%; text-align:center; text-transform:uppercase; font-size:1em;} .event-item__date span {display:block;} .event-item__img {width:23%; text-align:center;} .event-item__img img {display:block; width:100%;} .event-item__title {width:35%;} .event-item__title a {color:#3aadad; font-size:1.115em; line-height:1.3;} .event-item__title a:hover {color:#e9b134;} .event-item__info {width:18%; text-align:center;} .event-item__info p {font-family: 'Bitter','Montserrat'; line-height:1.3; font-size:0.929em;} /*-----------Gallery View-----------*/ .event-gallery-item {margin-bottom:2.000em; font-size:14px; display:block; text-align:center;} .event-gallery-item__img {margin-bottom:0.500em;} .event-gallery-item__img img {width:100%;} .event-gallery-item__info > span {display:block; line-height:1.3;} .event-gallery-item__info-date {text-transform:uppercase; color: #645b5b; margin-bottom:0.286em} .event-gallery-item__info-title {color:#3aadad; margin-bottom:0.286em} .event-gallery-item__info-subtitle {font-family: 'Bitter','Montserrat'; color: #645b5b;} /*-----------Detail View-----------*/ .event-detail__subtitle, .event-detail__date {display:block;} .event-detail__subtitle {font-family: 'Bitter','Montserrat'; line-height: 1.3; font-size: 1.125em; margin-bottom:0.750em} .event-detail__date {text-transform: uppercase; font-size: 1.313em;} .event-detail__header, .event-detail__image, .event-detail__share {margin-bottom:1.250em; text-align:center;} .event-detail__image img {width:100%;} @media (min-width: 768px) and (max-width: 959px) { /*-----------Gallery View-----------*/ .event-gallery-item {font-size:13px;} } @media (max-width: 959px) { /*-----------List View-----------*/ .event-item {font-size:13px;} } @media (max-width: 800px) { /*-----------Header and Filter-----------*/ .calendar-filter {font-size:12px;} /*-----------List View-----------*/ .event-item {font-size:12px;} } @media (max-width: 639px) { /*-----------Header and Filter-----------*/ .expanded-page-header--calendar h1 {display:block; height:auto; line-height:1.2; margin-bottom:1.000em;} .calendar-filter {font-size:13px; float:none; text-align:center;} .calendar-filter select {margin-right:0.500em;} .calendar-filter__view {padding:0 0.500em;} /*-----------List View-----------*/ .event-item__img {display:none;} .event-item__date {width:20%;} .event-item__title {width:40%;} .event-item__info {width:35%;} /*-----------Gallery View-----------*/ .event-gallery-item {font-size:13px;} } @media (max-width: 479px) { /*-----------Header and Filter-----------*/ .calendar-filter select {display:block; margin:0 0 0.500em 0; width:100%;} /*-----------List View-----------*/ .event-item__date {width:100%; float:none; text-align:left; font-weight:700; margin-bottom:0.286em;} .event-item__date span {display:inline;} .event-item__title {width:60%;} .event-item__info {width:40%;} } @media (max-width: 375px) { /*-----------Header and Filter-----------*/ .calendar-filter select {display:block; margin:0 0 0.500em 0; width:100%;} .calendar-filter__view {font-size:0.875em; height:auto; line-height:1.2;} /*-----------List View-----------*/ .event-item {font-size:11px;} } @media (max-width: 320px) { /*-----------List View-----------*/ .event-item {font-size:10px;} } /******************************************************************************** --- Web App Detail Pagination--- *********************************************************************************/ .web-app-detail-pagination {font-size:14px; background: rgba(255,255,255,0.75); margin-top:-0.5rem;} .web-app-detail-pagination ul {list-style:none; margin:0; padding:0; overflow:hidden;} .web-app-detail-pagination li {display:block; float:left; width:33.33333333333333%; line-height:1.2;} .web-app-detail-pagination a {display:block; padding:1.250em 0; color:#3aadad; font-family: 'Bitter','Montserrat'; font-size:1.125em;} .web-app-detail-pagination a:hover {color:#f16744;} .web-app-detail-pagination a span {position:relative; top:0.111em;} .web-app-detail-pagination__prev {text-align:left; padding-left:3.750em;} .web-app-detail-pagination__all {text-align:center;} .web-app-detail-pagination__next {text-align:right; padding-right:3.750em;} @media (max-width: 639px) { .web-app-detail-pagination {font-size:12px;} } @media (max-width: 479px) { .web-app-detail-pagination {font-size:11px;} } @media (max-width: 375px) { .web-app-detail-pagination {font-size:11px;} .web-app-detail-pagination__prev {padding-left:1.500em;} .web-app-detail-pagination__next { padding-right:1.500em;} } /******************************************************************************** --- Photo Gallery --- *********************************************************************************/ /*-----------Sub Nav-----------*/ .photo-list-gallery__sub-nav {font-size:16px; margin-bottom:2.250em;} .photo-list-gallery__sub-nav ul {list-style:none; margin:0; padding:0;} .photo-list-gallery__sub-nav li {display:inline-block; margin:0 0.125em 0.500em;} .photo-list-gallery__sub-nav a {display:block; border: 1px solid #3aadad; color:#3aadad; font-size:0.938em; text-transform:uppercase; padding:0.75em 1.125em; transition:color 250ms ease, background 250ms ease;} .photo-list-gallery__sub-nav a:hover, .photo-list-gallery__sub-nav li.selected a {background:#3aadad; color:#fff;} /*-----------Thumbnails-----------*/ .photo-list-gallery__item {display:block; margin-bottom:2em;} /*-----------Pagination-----------*/ .photo-list-gallery__pagination {font-size:16px; list-style: none; margin:2.500em 0 0; padding: 0; text-align: center; } .photo-list-gallery__pagination li { display: inline-block; } .photo-list-gallery__pagination a { display: block; background: #e57a39; color: #fff; text-align: center; padding: 0.333em 1.048em; font-size:1.313em; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; transition: background-color 300ms ease; } .photo-list-gallery__pagination a:hover { background: #fc8943; } @media (max-width: 959px) { .photo-list-gallery__sub-nav {font-size:14px} } @media (max-width: 639px) { .photo-list-gallery__sub-nav {font-size:13px} .photo-list-gallery__pagination {font-size:14px;} } @media (max-width: 479px) { .photo-list-gallery__sub-nav {font-size:12px} } @media (max-width: 375px) { .photo-list-gallery__sub-nav {font-size:11px} .photo-list-gallery__pagination {font-size:12px;} } @media (max-width: 320px) { .photo-list-gallery__sub-nav {font-size:10px} } /********************************************************************************* --- Form Styling --- *********************************************************************************/ /*-----------Standard Forms-----------*/ form { margin: 0; } /*-----------Label Styles-----------*/ label { cursor: pointer; display: block; margin: 0; } /*-----------Required-----------*/ .req { color:red; font-weight: 700; } /*-----------styling on all basic form elements-----------*/ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { -webkit-appearance: none; background-color: #fff; border: 1px solid #e0dede; display: block; margin: 0 0 1.000rem 0; padding: 0.444rem; height: 2.625rem; width: 100%; font-weight:normal; transition: border-color 250ms ease;} /*-----------styling on all basic form focus elements-----------*/ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {border-color: #3aadad; outline: none;} /*-----------styling on all basic form disabled elements-----------*/ input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: #d4d8da; } /*-----------input submit-----------*/ input[type="submit"] { -webkit-appearance: none; } /*-----------textarea-----------*/ textarea { min-height: 6.944rem; resize: none; max-width: 100%; } textarea[rows] { height: auto; } /*-----------select-----------*/ select { -webkit-appearance: none !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; line-height: normal; height: 2.625rem; } :-moz-any(select) {background-image:none;} select::-ms-expand {display: none;} /*-----------other form elements-----------*/ input[type="file"], input[type="checkbox"], input[type="radio"] { margin: 0 0 1.000rem 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.444rem; margin-right: 0.889rem; margin-bottom: 0; vertical-align: baseline; } .input-radio, .input-checkbox {vertical-align:top; margin:0.444rem 0; line-height:1.2;} .input-radio input[type="radio"], .input-checkbox input[type="checkbox"] {width:18px; height:18px; margin:0 0.222rem 0 0; padding:0;} /*-----------Normalize file input width-----------*/ input[type="file"] { width: 100%; } /*-----------We add basic fieldset styling-----------*/ fieldset { border: 1px solid #e0dede; padding: 1.111rem; margin: 1.000rem 0; } fieldset legend { font-weight: 700; background: white; padding: 0 0.167rem; margin: 0; margin-left: -0.167rem; } /*-----------Error Validation-----------*/ form small.error { background: red; color: #fff; padding: 0.222rem 0.333rem; font-size: 0.667rem; font-weight: 700; margin: -0.667rem 0 0.556rem 0; display: block; } .error-group input[type="text"], .error-group input[type="password"], .error-group input[type="date"], .error-group input[type="datetime"], .error-group input[type="datetime-local"], .error-group input[type="month"], .error-group input[type="week"], .error-group input[type="email"], .error-group input[type="number"], .error-group input[type="search"], .error-group input[type="tel"], .error-group input[type="time"], .error-group input[type="url"], .error-group textarea, .error-group select {border-color: rgba(255, 0, 0, 0.6); outline: 0; outline: thin dotted \9; -webkit-box-shadow:0 0 8px rgba(255, 0, 0, 0.6); -moz-box-shadow:0 0 8px rgba(255, 0, 0, 0.6); box-shadow:0 0 8px rgba(255, 0, 0, 0.6); } /*-----------Disable Button-----------*/ .button[disabled], .button[disabled]:hover {background:#e0dede; color:#000; cursor:default;} /*-----------Captcha-----------*/ .g-recaptcha {margin-bottom:0.500rem;} /******************************************************************************** --- Accordion --- *********************************************************************************/ .accordion { margin: 0 0 0.5rem; background: #faf9f8; padding: 2rem 2rem 1rem;} .accordion dt { border-top: 1px solid #e0dede; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding:1.111rem 2.000rem 1.111rem 0; margin: 0; position:relative; font-size:1.025rem; color: #f16744; text-transform:capitalize;} .accordion dt:after { content: "\e902"; font-family: 'CD-Project-Icons'; position:absolute; top:1.111rem; right:0; font-size: 1.025rem; color:#f16744;} .accordion dt.accordion-active:after { content: "\e900"; } .accordion dd { display: none; padding: 0 0 0.875rem; margin: 0; } /******************************************************************************** --- Responsive Tabs --- *********************************************************************************/ /*-----------Universal Tabs-----------*/ .resp-tabs-list {list-style:none; margin: 0; padding: 0; overflow: hidden; background-color: #f0eeea;} .resp-tabs-list li {display: inline-block; margin: 0; padding:0; cursor: pointer; float: left; color: #645b5b; text-transform:uppercase; font-size: .78rem;} .resp-tabs-list.ayurvedic-press li {font-size: .925rem;} .resp-tabs-list.asp-page li {font-size: 1.35rem; color:#3aadad;} .resp-tabs-list li.resp-tab-active { background: #faf9f8; position: relative; } .resp-tabs-container {padding: 0; clear: left;} .resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; } .resp-tab-content {background: #faf9f8; display: none; padding: 1.667rem 1.944rem; } .resp-accordion { cursor: pointer; display: none; margin: 0; padding: 0.667rem; } .resp-arrow { position: absolute; top: 0.833rem; right: 0.833rem; } .resp-arrow:after { content: "\e926"; font-family: 'CD-Project-Icons'; } .resp-tab-active .resp-arrow:after { content: "\e92c"; } /*-----------Vertical tabs-----------*/ .resp-vtabs .resp-tab-content {word-wrap: break-word; } @media (min-width: 768px) { /*-----------Horizontal tabs-----------*/ .resp-htabs.resp-tabs-list li { padding: 0.833rem 1rem; border-right: 1px solid #fff; } .resp-htabs.resp-tabs-list.asp-page li { padding: 0.833rem 2rem; } .resp-htabs.resp-tabs-list.ayurvedic-press li { padding: 0.833rem 2rem; } /*-----------Vertical tabs-----------*/ .resp-vtabs .resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 0.778rem 1.111rem; cursor: pointer; float: none; border-bottom:1px solid #fff; } .resp-vtabs .resp-tabs-container {float: left; width: 70%; min-height: 250px; clear: none; background: #faf9f8; } .resp-vtabs .resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; } .resp-tab-content.resp-tab-content-active {display:block!important;} .resp-accordion-closed {display:block;} } @media (max-width: 767px) { .resp-tabs-list { display: none; } .resp-accordion { display: block; background-color: #f0eeea; color: #645b5b; position: relative; font-size: 1.000rem; border-top:2px solid #fff; } .resp-accordion.resp-tab-active { background: #faf9f8;} .resp-vtabs .resp-tabs-container {float: none; width: 100%; min-height: 100px; clear: none; } } /******************************************************************************** --- Tables --- *********************************************************************************/ table.table { background: white; margin-bottom: 1.000em; border: solid 1px #e0dede; table-layout: auto; width: 100%; } table.table caption { background: transparent; color: #000; font-weight: bold; } table.table thead { background:#e57a39; } table.table thead.bg-yellow {background: #e9b134;} table.table thead.bg-turquoise {background: #3aadad;} table.table thead.bg-green {background: #8fb668;} table.table thead:nth-of-type(2) {background:#f9f8f7; font-weight:700; } table.table thead:nth-of-type(2) tr th, table.table thead:nth-of-type(2) tr td {color:#645b5b; font-weight:500; text-transform:capitalize;} table.table thead tr th, table.table thead tr td { padding:.75em 1em; text-transform: uppercase; font-weight: 400; color: #fff; border:none; font-size: 115%; } table.table tfoot { background: #faf9f8; } table.table tfoot tr th, table.table tfoot tr td { padding:1em; font-weight: 700; text-transform: uppercase; } table.table tr th, table.table tr td { padding:1em; text-align: left; border:none; } table.table tr.even, table.table tr.alt { background: #faf9f8; } table.table thead tr th, table.table tfoot tr th, table.table tfoot tr td, table.table tbody tr th, table.table tbody tr td, table.table tr td { display: table-cell; line-height: 1.3; vertical-align: top; } table.table p {line-height: 1.9;} table.table-of-contents tr td {padding: .8em;} .table--4-column {font-size: 12px;} @media (max-width: 639px) { .table--4-column {font-size: 11px;} } @media (max-width: 479px) { .table--4-column {font-size: 10px;} table.table thead tr th, table.table thead tr td, table.table tfoot tr th, table.table tfoot tr td, table.table tr th, table.table tr td {padding: 0.500em 0.625em} } @media (max-width: 375px) { .table--4-column {font-size: 9px;} } @media (max-width: 320px) { .table--4-column {font-size: 8px;} } /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content { display: none; } .slide-toggle:not(.button):after { content: "\e91e"; font-family: 'CD-Project-Icons'; margin: 0 0 0 0.333rem; font-size:90%;} .slide-toggle:not(.button).active:after { content: "\e92d"; } .slide-toggle:not(.button).active, .slide-toggle:not(.button).active:after { color:#e9b134; } .slide-toggle.button.active {color:#fff;} .slide-toggle.button:after { content: "\e91e"; font-family: 'CD-Project-Icons'; font-size:90%; margin-left:0.333rem; } .slide-toggle.button.active:after { content: "\e92d";} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert { display: none; padding: 0.556rem 0.833rem; margin-bottom: 1.111rem; background-color: #3aadad; color: #fff;} .alert p {line-height:1.2; padding-left:1.333rem; position:relative;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.278rem; } .alert a { color: #fff; text-decoration: underline; } .alert a:hover { color:red; } .alert p:before { font-family: 'CD-Project-Icons'; color: #fff; position:absolute; top:0; left:0; } .alert-success, .alert-info, .alert-warning, .alert-danger { display: block; } .alert-success { background-color:#8fb668; } .alert-success p:before { content: "\e6aa"; } .alert-info p:before { content: "\e88b"; } .alert-warning { background-color:#e9b134; } .alert-warning p:before { content: "\e946"; } .alert-danger { background-color:#e57a39; } .alert-danger p:before { content: "\e943"; } /******************************************************************************** --- Featured Nav --- *********************************************************************************/ .featured-nav {font-size:16px; background:rgba(255,255,255,0.75); padding:1em 0;} .featured-nav__block {overflow:hidden;} .featured-nav__block-img {float:left; width:47%;} .featured-nav__block-img a {display:block; overflow:hidden; border-radius:50%;} .featured-nav__block-body {float:right; width:48%;} .featured-nav__block-title, .featured-nav__block-name {display:block;} .featured-nav__block-title {font-family: 'JaneAusten','Montserrat',sans-serif; font-size:1.875em; color: #3aadad; line-height: 1.2; margin-bottom:0.400em;} .featured-nav__block-name {font-size:1.125em; text-transform:uppercase; margin-bottom:0.444em;} .featured-nav__block-body p {font-size:0.813em; line-height: 1.5;} .featured-nav__block-body .button {font-size:0.813em; padding:1.000em 3.077em 0.846em; margin:0;} @media (max-width: 959px) { .featured-nav {font-size:15px;} } @media (max-width: 767px) { .featured-nav {text-align:center;} .featured-nav__block-img, .featured-nav__block-body {float:none; width:100%;} .featured-nav__block-img {margin-bottom:1.5em;} .featured-nav__block-img a {max-width:180px; margin:0 auto;} } @media (max-width: 479px) { .featured-nav__block {max-width:320px; margin:0 auto 2.5em auto;} .featured-nav .row .row .column:last-child .featured-nav__block {margin-bottom:0;} .featured-nav__block-img a {max-width:120px;} } /******************************************************************************** --- Footer Cirlce --- *********************************************************************************/ .footer-circle {font-size:16px; display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden; border-radius:50%;} .footer-circle__bg {background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; width:100%; height:61%;} .footer-circle__inner {position:absolute; top:0; left:0; width:100%; height:100%;} .footer-circle__body {position:absolute; bottom:0; left:0; width:100%; height:40%; background:#fff; text-align:center;} .footer-circle__name, .footer-circle__headline {display:block; line-height:1.2;} .footer-circle__name {background:#e57a39; font-size:1.000em; color:#fff; padding:0.750em 1.875em 0.563em; text-transform:uppercase; border-bottom:0.250em solid rgba(0,0,0,0.05); transition:background-color 250ms ease;} .footer-circle__headline {padding:0.714em 4.429em; font-size:0.875em; color:#de7436;} .footer-circle:hover .footer-circle__name {background-color: #fc8943;} @media (max-width: 959px) { .footer-circle {font-size:15px;} } @media (max-width: 880px) { .footer-circle__name {font-size:0.938em;} .footer-circle__bg {height:53%;} .footer-circle__body {height:48%;} } @media (max-width: 800px) { .footer-circle {font-size:14px;} } @media (max-width: 767px) { .footer-circle {font-size:16px;} .footer-circle {width:305px; height:305px; padding-bottom:0; margin:0 auto 2.000em auto;} } @media (max-width: 330px) { .footer-circle {font-size:15px;} .footer-circle {width:250px; height:250px;} } /******************************************************************************** --- Footer Module - CTAs --- *********************************************************************************/ .footer-ctas .row {margin-left: -0.625rem; margin-right: -0.625rem;} .footer-ctas .column {padding-right:0.625rem; padding-left:0.625rem;} .footer-cta {font-size:16px; display:block; height:135px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;} .footer-cta:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; transition:background-color 250ms ease;} .footer-cta--green:before {background-color:rgba(143, 182, 104,0.70)} .footer-cta.footer-cta--green:hover:before {background-color:rgba(165, 206, 124,0.70)} .footer-cta--orange:before {background-color:rgba(229, 122, 57,0.70)} .footer-cta.footer-cta--orange:hover:before {background-color:rgba(252, 137, 67,0.70)} .footer-cta--yellow:before {background-color:rgba(233, 177, 52,0.70)} .footer-cta.footer-cta--yellow:hover:before {background-color:rgba(255, 198, 70,0.70)} .footer-cta__inner {position:absolute; bottom:0; left:0; width:100%; padding:0.625em 1.042em; color:#fff; line-height:1.1; font-size:1.500em; font-weight:300; text-transform:uppercase;} .footer-cta__inner span {font-weight:800; display:block;} @media (max-width: 959px) { .footer-cta {font-size:14px;} } @media (max-width: 800px) { .footer-cta {font-size:13px;} } @media (max-width: 767px) { .footer-cta {font-size:16px; margin-bottom:0.625em;} } @media (max-width: 639px) { .footer-cta {font-size:15px;} } @media (max-width: 479px) { .footer-cta {font-size:14px;} } @media (max-width: 320px) { .footer-cta {font-size:13px;} } /******************************************************************************** --- Footer Module - Subscribe Bar --- *********************************************************************************/ .footer-subscribe .subscribe-bar {margin-top:0;} /******************************************************************************** --- Footer --- *********************************************************************************/ .footer {padding-top: 41px; position: relative;} .footer:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 42px; background-image: url(../images/template/bar-bottom-bg.png); background-position:bottom left; background-repeat:repeat-x} .footer__top {font-size:16px; background-image: url(../images/template/footer-bg.png); color: #fff; padding:0.500em 0 2.500em 0} .footer-col {float: left;} .footer-col h3 {color: #fff; text-transform: uppercase; font-size: 0.938em; font-weight: 700} .footer-col--a {width: 14%; padding-right: 1.250em;} .footer-col--b {width:40%; padding-right: 1.250em;} .footer-col--c {width: 26%; padding-right: 1.250em;} .footer-col--d {width: 20%;} .footer-links ul {list-style: none; margin: 0; padding: 0; overflow: hidden;} .footer-links li {display: block; float: left; font-size: 0.875em} .footer-links a, .footer-addr a {color: #fff;} .footer-links a:hover, .footer-addr a:hover {color: #ffdf71;} .footer-links--quick li {width: 32%; margin:0 2% 0.429em 0;} .footer-links--quick li:nth-child(3n) {margin-right:0;} .footer-links--quick li:nth-child(3n+1) {clear:both;} .footer-links--social li {width: 49%; margin:0 2% 0.429em 0;} .footer-links--social li:nth-child(2n) {margin-right:0;} .footer-links--social li:nth-child(2n+1) {clear:both;} .footer-links--social span {font-family: 'Montserrat',sans-serif;} .footer-links--social a:before {margin-right: 0.571em;} .footer-addr {line-height: 1.8; font-size: 0.875em; margin-bottom: 0;} .footer-addr__addr, .footer-addr__phone {display: block;} .footer__bottom {padding:0.875rem 0; font-size: 0.750rem; background-image: url(../images/template/foooter-bottom-bg.png); text-align: center; color: #d2d2d2;} .copyright a {color: #d2d2d2;} @media (min-width: 801px) and (max-width: 959px) { .footer__top {font-size: 14px;} } @media (max-width: 800px) { .footer-col--a {width: 20%;} .footer-col--b {width: 80%; padding-right: 0;} .footer-col--a, .footer-col--b {padding-bottom: 40px;} .footer-col--c {clear: both;} .footer-col--c, .footer-col--d {width: 50%;} } @media (max-width: 479px) { .footer__top {text-align: center;} .footer-col--a, .footer-col--b, .footer-col--c, .footer-col--d {width: 100%; float: none; padding: 0; margin-bottom: 2em;} .footer-col--d {margin-bottom: 0;} .footer-links--quick li, .footer-links--social li {padding:0 0.375em 1em; margin: 0;} .footer-links--quick li {width: 33.33333333333333%;} .footer-links--social li {width: 50%;} .copyright span {display: block;} } @media (max-width: 375px) { .footer__top {font-size: 15px;} } /******************************************************************************** --- Animation--- *********************************************************************************/ @-webkit-keyframes hide-social{from{opacity:1}to{opacity:0;visibility:hidden}}@-moz-keyframes hide-social{from{opacity:1}to{opacity:0;visibility:hidden}}@-o-keyframes hide-social{from{opacity:1}to{opacity:0;visibility:hidden}}@keyframes hide-social{from{opacity:1}to{opacity:0;visibility:hidden}}@-webkit-keyframes show-social{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-moz-keyframes show-social{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-o-keyframes show-social{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes show-social{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-webkit-keyframes slide-search{from{opacity:0}to{width:225px;opacity:1;visibility:visible}}@-moz-keyframes slide-search{from{opacity:0}to{width:225px;opacity:1;visibility:visible}}@-o-keyframes slide-search{from{opacity:0}to{width:225px;opacity:1;visibility:visible}}@keyframes slide-search{from{opacity:0}to{width:225px;opacity:1;visibility:visible}}@-webkit-keyframes slide-search-close{0%{width:225px;opacity:1;visibility:visible}50%{opacity:0}100%{width:0;visibility:hidden}}@-moz-keyframes slide-search-close{0%{width:225px;opacity:1;visibility:visible}50%{opacity:0}100%{width:0;visibility:hidden}}@-o-keyframes slide-search-close{0%{width:225px;opacity:1;visibility:visible}50%{opacity:0}100%{width:0;visibility:hidden}}@keyframes slide-search-close{0%{width:225px;opacity:1;visibility:visible}50%{opacity:0}100%{width:0;visibility:hidden}} @-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}} /******************************************************************************** --- Magnific Popup CSS--- *********************************************************************************/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:10042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:10043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:10045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:10044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:10046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} .white-popup-block {background: #fff; text-align: left; max-width: 650px; margin: 40px auto; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden; font-size: 18px } @media screen and (max-width: 479px) { .white-popup-block { font-size: 14px } } @media screen and (max-width: 375px) { .white-popup-block { font-size: 12px } } .popup-block--faculty, .popup-block--general {font-size:16px; background: #fff; text-align: left; max-width: 780px; margin:2.500em auto; position: relative; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden; font-size: 16px} .mfp-close-btn-in .popup-block--faculty .mfp-close, .mfp-close-btn-in .popup-block--general .mfp-close {color:#fff; font-size:2.750em; width:1.000em;; height:1.000em;; line-height:1.000em;; opacity:1; transition:opacity 250ms ease;} .mfp-close-btn-in .popup-block--faculty .mfp-close:hover, .mfp-close-btn-in .popup-block--general .mfp-close:hover {opacity:0.75;} .popup-block--faculty__header {text-align:center; background:url(/images/template/lightbox-header-bg.jpg) no-repeat; background-position:top center; background-size:100% 60%; padding:1.875em 2.500em 0;} .popup-block--general__header {text-align:center; background:url(/images/template/lightbox-header-bg.jpg) no-repeat; background-position:center center; background-size:cover; padding:2.000em 2.500em; color:#fff;} .popup-block--yellow .popup-block--general__header {background:url(/images/template/lightbox-header-yellow-bg.jpg) no-repeat;} .popup-block--turquoise .popup-block--general__header {background:url(/images/template/lightbox-header-turquoise-bg.jpg) no-repeat;} .popup-block--green .popup-block--general__header {background:url(/images/template/lightbox-header-green-bg.jpg) no-repeat;} .popup-block--general__header h1, .popup-block--general__header h2, .popup-block--general__header h3, .popup-block--general__header h4, .popup-block--general__header h5 { color:#fff; margin-bottom:0;} .popup-block--general__header :last-child {margin-bottom:0;} .popup-block--faculty__header-img {overflow:hidden; width:14.063em; height:14.063em; border:4px solid #fff; border-radius:50%; margin:0 auto;} .popup-block--faculty__body, .popup-block--general__body {padding:1.429em 3.214em; font-size:0.875em; line-height:1.4;} .popup-block--faculty__body-name {color: #645b5b; font-size:1.514em; font-weight:500; text-transform:uppercase; text-align:center; margin-bottom:0.167em;} .popup-block--faculty__body-position {display:block; font-family: 'Bitter','Montserrat'; font-size:1.143em; text-align:center; margin-bottom:1.250em; line-height:1.2;} .popup-block--faculty__print, .popup-block--general__print {text-align:right;} .popup-block--faculty__print a, .popup-block--general__print a {color:#645b5b; font-size:0.813em; font-family: 'Bitter','Montserrat';} .popup-block--faculty__print a:hover, .popup-block--general__print a:hover {color:#e57a39} .detail-print-view {background:none;} .detail-print-view .popup-block--faculty__print, .detail-print-view .popup-block--general__print {display:none;} .detail-print-view .popup-block--faculty, .detail-print-view .popup-block--general {max-width:none; margin:0;} @media screen and (max-width: 779px) { .popup-block--faculty, .popup-block--general {font-size:15px;} .popup-block--faculty__body, .popup-block--general__body {padding-right:1.786em; padding-left:1.786em;} } @media screen and (max-width: 639px) { .popup-block--faculty, .popup-block--general {font-size:14px;} } @media screen and (max-width: 479px) { .popup-block--faculty, .popup-block--general {font-size:13px;} .popup-block--faculty__body, .popup-block--general__body {padding-right:1em; padding-left:1em;} } @media screen and (max-width: 375px) { .popup-block--faculty, .popup-block--general {font-size:12px;} } @media screen and (max-width: 320px) { .popup-block--faculty, .popup-block--general {font-size:11px;} } /******************************************************************************** --- Style Guide--- *********************************************************************************/ /*---------- Swatches ----------*/ .swatch__color { position: relative; height: 100px;} .swatch__hex { background: white; padding: 1rem; text-align: center; color: #707271; } .swatch--turquoise .swatch__color {background: #3aadad; } .swatch--orange .swatch__color {background: #e57a39; } .swatch--yellow .swatch__color {background: #e9b134; } .swatch--green .swatch__color {background: #8fb668; } .swatch--body-text .swatch__color { background: #645b5b; } .swatch__name {display:block; font-size:0.750em} /*---------- Code Snippets ----------*/ code {} pre {padding:15px; border:1px solid #e0dede;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;} .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}