/*----------------------------------------------------------------------------------- Theme Name: Adelanto, CA Front-end developer: Abdallah Mohamed Author Design: Matt Hicks Author URI: http://www.revize.com/ Date: 06/19/2023 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;800&family=Bellota+Text:wght@300;400;700&family=Julius+Sans+One&family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap'); /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:16px;font-weight:400;line-height:1.6;font-family:'Red Hat Display', sans-serif;color:#2D2D2D;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important} /* ----------------------------------------- #typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-size:28px;color:#000;margin-bottom:30px} .subheader{font-size: 24px;font-weight: bold;color: #131832;margin: 54px 0 12px;display: block;text-transform: uppercase;} p{margin:0 0 30px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{text-decoration:underline; -webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease; -webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease} p a,p a:visited{line-height:inherit} a {color:#0071EB} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:10px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} .top-bar-address, .top-bar-socials {display:flex;align-items:center;margin: 0;padding:0;list-style-type: none;column-gap:7px;} .top-bar-address li, .top-bar-socials li {margin-bottom: 0;min-width: 24px;min-height: 24px;} /* ----------------------------------------- #images -----------------------------------------*/ img{max-width:100%;height:auto} a img{border:none} .alignleft{float:left;clear:left;margin:0 20px 20px} .alignright{float:right;margin:0 0 20px 20px} .alignnone{margin:0 auto 20px;display:block} img[align="right"], img[style*="float: right"], img[style*="float:right"]{ margin: 0 0 20px 20px; } img[align="left"], img[style*="float: left"], img[style*="float:left"]{ margin: 0 20px 20px 0; } /* ----------------------------------------- #buttons -----------------------------------------*/ .btn a, .btn span{text-decoration:none;color:#fff} body #rz-business-categories ul li a, .button, .btn, .button, #post button:not(.rz-doc-search-reset), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding: 10px 35px 8px;background: #313131;color:#fff;border:0;border-radius: 6px;display:inline-block;font-size: 18px;font-weight: 700;text-decoration:none;text-transform: uppercase;cursor:pointer;line-height:1.5;vertical-align:top;font-family: 'Almarai', sans-serif;transition:all .3s} body #rz-business-categories ul li a:hover, .button:hover, a.button:hover, #post button:hover, .btn:hover, #post input[type="submit"]:hover, #post input[type="reset"]:hover, #post input[type="button"]:hover, .rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#455E64;color:#fff;text-decoration: none;} body #rz-business-categories ul li a:active, .btn:active, .button:active, a.button:active, #post button:active, #post input[type="submit"]:active, #post input[type="reset"]:active, #post input[type="button"]:active, .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda;color:#fff} #post button::-moz-focus-inner, #post input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:'Red Hat Display', sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus{color:#63686c;border:1px solid #0F95E9} label, legend{display:block;font-weight:bold;font-size:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;color:#444} .form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none} ::-webkit-input-placeholder{color:#777} :-moz-placeholder{color:#777} ::-moz-placeholder{color:#777} :-ms-input-placeholder{color:#777} .gsc-control-cse *{box-sizing:content-box} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF} form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1} form.loginform label{font-weight:normal} form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000} /* ----------------------------------------- #rz alert -----------------------------------------*/ .floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px;} .floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:'Red Hat Display', sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert .btn{margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:13px;margin-top:10px} .floating-alert.fade:not(.show){visibility:hidden} /* ----------------------------------------- #rz edit -----------------------------------------*/ form#rz-business-directory-search{margin:0 15px 0 0} /* ----------------------------------------- #main -----------------------------------------*/ #rz-rpfbids-row{background:#131832;} div.skiptranslate{display:none !important} .container{width:1150px;max-width: 100%;} #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999} #skip:focus{left:50px;top:50px} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #top-bar{background: #131832;padding: 6px 61px 10px 81px;position: relative;z-index: 500;} #top-bar-left{padding: 4px 0 0 0;margin: 0;} .header-link{text-decoration: none;color: #fff;font-size: 14px;font-weight: 700;margin-right: 14px;} .header-link:hover{color:#fff;} .header-link .link-icon{margin: -1px 2px 0 0;} #top-bar-right{display: flex;gap: 6px;padding: 5px 1px 0 0;} #social-media-links{display: flex;gap: 7px;margin: -3px 0 0 0;align-items: center;} #social-media-links span{color: #fff;font-weight: 700;font-size: 14px;display: inline-block;text-transform: uppercase;line-height: 1;margin: 4px 6px 0 0;} header{position: fixed;padding: 0;width: 100%;z-index:250;top:0;left:0;} header .col-lg-7{position: static;} #header-bottom{position:relative;background:rgba(255, 255, 255, 0.74);} /* Default nav styles */ #nav .fa:before{font-family:'FontAwesome' !important} #nav{padding:0;position:static;margin: 0 47px 0 0;max-width: 100%;} #nav li{margin:0;list-style:none} #nav li a, #nav li span{position:relative;padding: 37px 18px 36px;display:inline-block;color: #131832;text-decoration: none;font-weight: 700;font-size: 16.5217px;text-transform: uppercase;} #nav ul{padding:0;margin:0} #nav ul a, #nav ul span{padding:0} /* Logo */ #logo{display:inline-block;max-width: 100%;} #share-translate {position: fixed;right: 0;top: 40%;z-index: 2000;} /* Translate */ .goog-te-banner-frame{display:none} #translation-links{padding:0;margin: 0 0 8px 0;position: relative;} #translation-links button{width: 60px;height: 60px;background: #3A4E53;padding:0;border:0;box-shadow: 0px 2.28462px 22.0846px 0.761538px rgba(0, 0, 0, 0.12);border-radius: 6px 0px 0px 6px;} #translation-links button i{position: relative;top: 1px;right: -4px;} #translation-links li{position:relative;margin:0;list-style:none} #translation-links ul{padding:25px;margin:0;position:absolute;right:0;top:100%;width:250px;height:400px;overflow:scroll;background:#fff;display:none} #translation-links ul li{margin-bottom:10px} #translation-links ul li a{text-decoration: none;color: #131832;} /* Search */ #search{width: 201px;} #search form{position:relative;margin:0} #search input{border:0;height: 43px;color: #fff;padding-left: 46px;padding-right: 19px;background: #131832;border-radius: 6px;font-weight: 400;font-size: 15.4891px;} #search input::-webkit-input-placeholder{color:#fff} #search input:-moz-placeholder{color:#fff} #search input::-moz-placeholder{color:#fff} #search input:-ms-input-placeholder{color:#fff} #search label{margin:0;position:absolute;left:0;top:0;line-height:45px} #search button{position:absolute;left: 2px;top: 7px;border:0;background: none;color:#fff;} #search button img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(3152%) hue-rotate(211deg) brightness(125%) contrast(112%);} #header-right-outer{margin: 26px 0 0 -14px;} #header-right{display: flex;align-items: center;padding: 0 0 0 0;gap: 19.36px;} .social-media-link{padding: 0 5px 0 0;} .how{background:#0181C8;border-radius: 5px;text-decoration: none;color: #fff;font-size: 15.4891px;font-weight: 700;height: 42.34px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;width: 120.82px;} /* quick-links Section */ #slider-quick-links{position: absolute;left: 0;top: 57.2%;transform: translateY(-50%);z-index: 100;} #quick-links{z-index:51;position:relative;border-radius:3px;width: fit-content;width: 196px;} .qlink{display:block;text-decoration:none;text-align:center;position:relative;padding: 13px 28px;width: 173px;min-height: 90px;} .qlink a {text-decoration:none;} .qlink-column .qlink:first-child{background:#131832;border-radius: 0px 6px 0px 0px;} .qlink-column .qlink:nth-child(2){background:#945900;} .qlink-column .qlink:nth-child(3){background:#583333;} .qlink-column .qlink:nth-child(4){background:#716848;} .qlink-column .qlink:nth-child(5){background:#3A4E53;} .qlink-column .qlink:nth-child(6){background:#292929;} .qlink-column li:first-child .qlink{background:#131832;border-radius: 0px 6px 0px 0px;} .qlink-column li:nth-child(2) .qlink{background:#945900;} .qlink-column li:nth-child(3) .qlink{background:#583333;} .qlink-column li:nth-child(4) .qlink{background:#716848;} .qlink-column li:nth-child(5) .qlink{background:#3A4E53;} .qlink-column :nth-child(6) .qlink{background:#292929;} .qlink-name{display:block;font-size: 14px;line-height: 1;font-weight: 500;color:#fff;margin-top: 2px;} .qlink:focus-within {outline: auto;outline-offset:-2px;} .qlink a:focus{ outline:none;} #qlinks-controls{background: #D9D9D9;border-radius: 0px 0px 6px 0px;width: 173px;height:46px;position: relative;display: flex;align-items: center;} #qlinks-controls::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);background:#000;height:27px;width:1px;} #qlinks-controls button{background:none;border:0;flex:1;} .animate__block{opacity: 0;} .animate__placeholder{translate: scale(0);} .section-inner{position: relative;z-index: 10;} .section-header{font-size: 43.0503px;font-weight: 400;color: #fff;text-transform: uppercase;text-align:left;line-height: 1;margin-bottom: 25px;font-family: 'Bellota Text', cursive;} .section-header span{display: block;position: relative;top: 7px;left: -12px;font-size: 135px;font-weight: 800;color:rgba(255, 255, 255, 0.05);line-height: 0;font-family: 'Abhaya Libre', serif;} .section-link{margin: 0;} .arrow-forward{position: relative;left: 2px;} /* newsletter Section */ #newsletter{position: relative;padding: 19px 0 17px;} #newsletter::before{content: "";position: absolute;inset: 0;background:#3A4E53;z-index: 1;opacity: 74%;} .newsletter-inner{position:relative;display: flex;align-items: center;justify-content: space-between;z-index: 10;} .newsletter-text{display: flex;align-items: center;} .newsletter-text .divider{display: inline-block;height: 54px;width: 1px;background:#fff;margin: -1px 28px 0 32px;} .newsletter-title{color: #fff;font-weight: 800;font-size: 55.3166px;text-transform: uppercase;font-family: 'Abhaya Libre', serif;margin: 3px 0 0 0;} .newsletter-details{color: #fff;font-weight: 400;font-size: 16px;line-height: 21px;width: 424px;max-width: 100%;} #newsletter .section-link{flex-shrink: 0;margin-left: auto;margin-right: 0;margin-top: -2px;background: #fff;color: #131832;padding: 10px 82px 8px 70px;} #newsletter .section-link .arrow-forward{filter: brightness(0) saturate(100%) invert(9%) sepia(26%) saturate(1419%) hue-rotate(191deg) brightness(94%) contrast(98%);} /* News Section */ #homepage #news{position: relative;padding: 66px 0 57px;background:#455E64;} #news .arrow-shape{position: absolute;top:-1px;left: 50%;transform: translateX(-50%);z-index: 1;} #news .tns-controls{top: 47.5%;left: -84px;right: -81px;} #news .tns-controls button{opacity: 1;width: 46.5px;height: 80.67px;border-radius: 6px;color:#fff;font-size: 40px;background: #131832;display: inline-flex;align-items: center;justify-content: center;} #news .tns-ovh{padding:0 10px;margin:0 -10px;} #news .tiny-item{margin:10px 0;} #homepage #news-list{margin: 0 0 0 0;height: 100%;} #news .section-header{color:#F8F5E3;font-size: 48px;font-weight: 400;} #news .section-header span{color:#F8F5E3;font-weight: 700;} #news .section-link{background: #131832;color: #fff;margin: 18px auto;display: block;width: fit-content;padding: 10px 84px 8px;} #homepage .news{display:block;height: 425.46px;position: relative;color: #2A344B;border-radius: 4px;filter: drop-shadow(0px 3.79623px 3.79623px rgba(0, 0, 0, 0.25));} #homepage .news-info{position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;background: rgba(255, 255, 255, 0.82);padding: 29px 40px 21px 39px;border-radius: 0 0 4px 4px;} #homepage .news-date{position: absolute;top: 0;left: 49.8%;transform: translateX(-50%);z-index:5;width: 102.92px;line-height:1;text-align:center;background: #131832;color: #fff;font-size: 19.4498px;font-weight: 700;padding: 8px 19.64px 5px;border-radius: 0px 0px 5.69434px 5.69434px;display: inline-block;text-transform: capitalize;} #homepage .news-date .date-day{display: block;font-size: 27.3251px;} #homepage .news-details{color: #2A344B;font-size: 19.4498px;font-weight: 700;line-height: 1.35;text-transform: capitalize;margin: 0 0 7px 0;text-align: center;} /* social Section */ #social{position: relative;padding: 59px 0 75px;} #social::before{content: "";position: absolute;inset: 0;background:#131832;z-index: 1;opacity: 88%;} #social .section-header{margin: 0 0 71px -3px;} #social-feed{height: 602px;} #social-feed{color: #fff; margin:auto; width:500px} /* Events Section */ #events{padding: 70px 0 65px;position: relative;} #events .section-header{color:#131832;margin-bottom: 0;text-align: right;} #events .section-header span{color:rgba(19, 24, 50, 0.1);left: 0;} #events .section-header span::before {content:attr(data-content)} #events-list{min-height: 432px;margin-top: 72px;} #events .section-link{margin: 22px auto 0;background:#131832;display: block;width: fit-content;padding: 10px 84px 8px;} /* spotlight Section */ #spotlight{background:#455E64;position: relative;padding: 71px 0 63px;} #spotlight::before{content: "";position: absolute;inset: 0;background:#3A4E53;z-index: 1;opacity: 74%;} #spotlight .section-header{margin: 0 0 44px -3px;color:#fff;} #spotlight .section-header span::before {content:attr(data-content)} .spotlight-title{color: #fff;font-weight: 900;font-size: 32px;text-align: right;line-height: 1.02;margin-bottom: 16px;} .spotlight-subtitle{color: #fff;font-size: 16px;font-weight: 700;line-height: 1.35;padding: 0 0 0 47px;text-align: right;margin-bottom: 7px;} .spotlight-left{padding: 188px 0 187px;overflow: hidden;} #spotlight-right{padding:0 0 0 20px;text-align: right;} #spotlight-left {border-radius:6px;margin: 28px -4px 0 0;} .spotlight-video{height: 314px;position: relative;border-radius: 6px;} #spotlight-left .video-top{position: absolute;left: 2px;right: 0;top: 15.3%;font-family: 'Bellota Text', cursive;text-transform: uppercase;} #spotlight-left .video-top span{display: block;text-align: center;line-height: 1;} #spotlight-left .video-top span:first-of-type{font-size: 25.0443px;font-weight: 700;color: #fff;} #spotlight-left .video-top span:last-of-type{position:relative;top: -4px;left: 8px;font-size: 41.421px;font-weight: 800;letter-spacing: 0.33em;color: rgba(255, 255, 255, 0.34);font-family: 'Abhaya Libre', serif;} #spotlight-left .video-middle{position: absolute;left: 0;right: 0;top: 44.3%;} .play{position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;text-decoration: none;} .play:hover{text-decoration: none;} .play span{color: rgba(255, 255, 255, 0.84);font-size: 9.97647px;text-transform: uppercase;letter-spacing: 0.17em;display: block;margin: 5px 0 0 0;line-height: 1;text-shadow: 0px 0.618316px 0.618316px rgba(0, 0, 0, 0.25);} .video-title{text-transform: uppercase;font-weight: 400;font-size: 14.8396px;margin: 0;line-height: 1;letter-spacing: 0.17em;color: rgba(255, 255, 255, 0.84);text-shadow: 0px 0.618316px 0.618316px rgba(0, 0, 0, 0.25);} #spotlight .section-link{margin: 15px 0 0 0;padding: 10px 66px 8px;background: #131832;} /* footer-section */ footer{position: relative;} footer::before{content: "";position: absolute;inset: 0;background:#131832;z-index: 1;opacity: 91%;} #footer-top{padding: 33px 0 20px;display: flex;position: relative;z-index: 10;} #footer-logo{display: inline-block;margin: 14px 0 5px 0;max-width: 100%;} .footer-logo-top{font-size: 24px;} .footer-logo-bottom{font-size: 12px;position: relative;top: -6px;} .footer-top-wrapper{display: flex;flex-wrap: wrap;gap: 24px;flex-grow: 1;} .footer-col:first-of-type{text-align: center;margin: 0 111px 0px 45px;flex-shrink: 0;padding: 0;} .footer-header{font-size: 16px;font-weight: 700;color: #fff;text-transform: uppercase;margin-bottom: 14px;} .footer-link{display: block;color: #fff;font-size: 13px;font-weight: 400;line-height: 1.5;text-decoration: none;margin: 0 0 10px 0;} .footer-link:hover{color:#fff;} #footer-social{display: flex;gap:10px;margin: 15px 0 0 0;} #footer-bottom{font-weight: 400;padding: 20px 0 19px;position: relative;z-index: 10;} #revize{text-align: right;line-height: 23px;font-size: 14px;color: #fff;font-weight: 400;text-align: center;} #revize a{color:#fff;text-decoration: none;font-weight: 700;} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform{position: relative;} #freeform #main{position: relative;} #freeform #slider{position: relative;} #freeform #slider>img{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:1} #freeform #slider{height:572px;padding:0;z-index: 10;} #slider .slider-shape{position: absolute;z-index: 1;bottom: 0;left: 0;right: 0;width: 100%;} #freeform #inner-caption{position: absolute;left: 0;right: 0;top: 77%;z-index: 51;text-align: left;font-weight: bold;font-size: 72px;line-height: 1.35;color: #fff;text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);text-transform: uppercase;margin-bottom: 0;padding-left: 13px;} #inner-caption span {display: block;font-weight: 400;text-transform: uppercase;line-height: 1;text-align: left;} #inner-caption-top{color: rgba(255, 255, 255, 0.84);font-size: 42.9912px;letter-spacing: 0.17em;text-shadow: 0px 1.77782px 1.77782px rgba(0, 0, 0, 0.25);} #inner-caption-bottom{font-size: 78.459px;color: rgba(255, 255, 255, 0.08);letter-spacing: 0.33em;font-family: 'Tinos', serif;position: relative;top: -27px;left: -6px;} #flyout-wrap{background: #131832;border-radius: 4px;color:#fff} #flyout-header{color: #fff;font-size: 18px;font-weight: bold;text-transform: uppercase;margin-bottom: 27px;padding: 0 35px;font-family: 'Almarai', sans-serif;} #flyout{padding:0;margin:0} #flyout>li{position:relative;margin:0;list-style:none;padding: 0 52px 15px 35px;} #flyout a, #flyout span{display:block;text-decoration:none;font-size: 16px;font-weight:400;color: #fff;line-height: 1.5;text-transform: capitalize;} #flyout ul{padding:0;margin:0;display:none;list-style: none;} #flyout ul a, #flyout ul span{font-size: 14px;padding: 15px;display: block;border-bottom: 1px solid rgba(0,0,0,.15);} #breadcrumbs{font-size: 16px;text-transform:capitalize;} #breadcrumbs a{text-decoration:underline;font-weight: bold;color: #131832;} #breadcrumbs a:after {display:inline-block;content: '\f0da';font-family: 'FontAwesome';font-weight: 400;color: #323232;margin: 0 16px 0 20px;font-size: 12px;} #breadcrumbs ul{list-style:none;margin:0;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0;font-weight: 400;color: #496CBA;} .col-xs-12{width:100%} #freeform .box{background: #131832;border-radius: 4px;margin: 0 7px 10px -29px;padding: 35px 15px 18px 35px;} .box .box-header{font-size: 18px;font-weight: 700;line-height: 1.35;text-transform: uppercase;margin-bottom: 28px;color: #fff;} #freeform #flyout-wrap{margin-bottom: 50px;margin-top: 40px;position: relative;z-index: 200;} #freeform #contact-wrap{margin-top: 48px;} #contact-img{height: 165px;width: 165px;border-radius: 50%;margin: 0 auto 22px;} #contact-name{color: #fff;font-size: 16px;font-weight: 700;margin: 0 0 2px 0;} #contact-position{color: #fff;font-size: 16px;font-weight: 300;text-transform: capitalize;display: block;} #contact-info{margin: 15px 0 0 0;padding:0;list-style: none;} .contact-link{display: flex;align-items: center;color: #fff;font-size: 16px;font-weight: 400;text-decoration: none;line-height: 1.5;gap: 24px;margin-bottom: 15px;padding: 0;text-align: center;} #flyout li{margin:0;} #entry{padding: 49px 0 48px 0px;margin: 0 0 0 -16px;} #freeform.fullwidth #entry{padding:48px 0 80px ;margin:0; } #page-title{font-size: 48px;font-weight: 700;margin: 5px 0 34px;color: #131832;text-transform: uppercase;} /* ----------------------------------------- #Tiles -----------------------------------------*/ #tiles-wrap {padding: 0;list-style: none;margin: 30px 0;flex-flow: row wrap;display: -webkit-box;display: flex;} #tiles-wrap li {display: inline-block;flex: auto;width: 220px;margin: 0 5px;padding: 0 0 10px 0;max-width: calc(100% - 10px)} #tiles-wrap .tile-link {background: #1a7bb7;border: 0;border-radius: 0;box-shadow: 0 0 0 rgba(0,0,0,0);display: flex;align-items: middle;justify-content: center;align-items: center;height: 125px;position: relative;width: 100%;text-decoration: none;text-align: center} .tile-link img {bottom: 55px;left: 0;right: 0;margin: auto;position: absolute;top: 11px;max-width: 65px;max-height: 60px} .tile-link .tile-text {color: #fff;font-size: 18px;font-weight: normal;text-transform: none;line-height: 1.25;vertical-align: middle;padding: 70px 10px 0;flex: 0 1 100%;max-height: 115px;overflow: hidden} /* DON'T modify the styling of images in the #post, only the span.subheader*/ /* ----------------------------------------- #share widget -----------------------------------------*/ .modal{z-index:100000} .modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px} .modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left} .modal-header h4{font-size:30px} .modal-header button{margin-top:2px!important;position:relative;font-size:25px} .modal-body{padding:40px 60px} .copylink{margin-bottom:40px} .copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px} .modal-header button,.modal-header button:hover{color:#000!important;background:none} .share-btns{margin:0 0 20px} .share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px} .share-btns i{display:block;line-height:170px!important;font-size:60px} .btn-facebook{color:#3b5998!important} .btn-twitter{color:#00ACED!important} .btn-google{color:#D34836!important} .btn-reddit{color:#ff5700!important} .btn-facebook:hover{border-color:#3b5998} .btn-twitter:hover{border-color:#00ACED} .btn-google:hover{border-color:#D34836} .btn-reddit:hover{border-color:#ff5700} .btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px} .floating-share-btn{width:60px;height:60px;border-radius: 6px 0px 0px 6px;border:0;background: #131832!important;color: #fff!important;box-shadow: 0px 2.28462px 22.0846px 0.761538px rgba(0, 0, 0, 0.12);text-align:center;font-size: 27px;} .floating-share-btn span{display:none;margin-top:5px;text-transform:uppercase} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{position:relative;max-height:80wv;padding-bottom: 56.75%;} #slider::before{content: "";position: absolute;inset: 0;width:100%;height:100%;background:linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));z-index: 1;} #slider > .tns-outer{position:absolute;left: 0;right:0;top:0;bottom:0} #slider-caption{position:absolute;left: 0;right:0;top: 59.6%;transform:translateY(-50%);z-index:51;text-align: center;font-weight: bold;font-size: 73.4131px;line-height: 0.89;font-weight: 400;color:#fff;text-transform: uppercase;transition: all .3s;font-family: 'Bellota Text', cursive;} #slider-caption span{display: block;} #slider-caption-top{color:#fff;font-size: 23.1029px;font-weight: 300;text-shadow:2px 2px 1px black;} #slider-caption-middle {text-shadow:2px 2px 5px black;} #slider-caption-middle span{display: block;font-size: 138.081px;font-weight: 800;letter-spacing: 0.33em;color: rgba(255, 255, 255, 0.14);font-family: 'Abhaya Libre', serif;position: relative;top: -45px;left: -22px;text-shadow:none;} #slider-caption-bottom{font-size: 24px;font-weight: 400;position: relative;top: -65px;left: 0;font-family: 'Julius Sans One', sans-serif;text-shadow:2px 2px 1px black;} #homepage #slider .tns-controls{top:unset;left:unset;bottom:2%;right: 15px;z-index: 50;display: flex;gap: 10px;} #homepage #slider .tns-controls button{opacity: 1;} #sliderSkip{position: absolute;bottom: 20px;left: 50%;color:rgba(255, 255, 255, 0.41);z-index: 10;} .tiny-slider-wrap > .tns-outer, .tiny-slider-wrap > .tns-outer > .tns-inner, .tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider, .tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item, .tns-bg-slide {height:100%} .tns-outer{position:relative} .tns-controls{position:absolute;top:50%;left: -13px;right: -13px;} .tns-controls button{padding:0;border:0;background:#fff;color:#000;border-radius:50%;position:relative;z-index:10;line-height:35px;width:35px;/*! margin:0 15px; */transform:translateY(-50%);font-size:20px;opacity:0;transition:all .3s} .tns-outer:hover .tns-controls button{opacity:1} .tns-controls button:last-of-type {float:right} .tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center} .tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1} ul.tiny-slider, ul.tiny-carousel{padding:0;margin:0} /* ----------------------------------------- #ada -----------------------------------------*/ .sr-only {color:black;background:white;} .tns-liveregion {color:black;background:white;} .tns-liveregion .current {color:black;background:white;} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1600px){ #logo{left: 15px !important;} #nav{margin-left:53px;} #nav.mega>li>ul{left:100px !important;right:100px !important} } @media only screen and (max-width:1400px){ #nav{margin:0;justify-content: center !important;} #nav>li>a, #nav>li>span{font-size:16px;padding:38px 5px 39px;} #translation-links button{font-size:16px;} #quick-links .tns-controls, #news .tns-controls{right:-15px;left: -15px;} #news .tns-controls button{width: 33px;height: 57.67px;} #quick-links .tns-controls button img, #news .tns-controls button img{width: 8px;} #news .tns-controls button{filter:none;} #slider{padding-bottom: 64.75%;} #slider-caption-middle span{font-size: 89.081px;top:-24px;} #slider-caption-bottom{top:-36px} } @media only screen and (max-width:1300px){ #entry{margin:0;} } @media only screen and (max-width:1200px){ #logo{width: 135px;top:18px!important;} #nav>li>a, #nav>li>span{font-size: 14px;} #slider{padding-bottom: 78.75%;} #quick-links .tns-controls{right:-13px;left: -13px;} .newsletter-inner{flex-direction: column;align-items: flex-start;} #newsletter .section-link{margin:10px 0 0 0;} #events .section-header{font-size: 48px;} #signup-right .video-top span:first-of-type{font-size: 25.951px;} #signup-right .video-top span:last-of-type{font-size: 44.109px;top:-14px;} #signup-right .video-bottom{left: 0;font-size: 34px;} } @media only screen and (min-width:992px) { #logo{position: absolute;top: 8px;left: 87px;} #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block !important;padding:0} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:15px; top:0px;} #flyout ul{position: absolute;left:100%;top:0;width:200px;z-index: 10;background:#131832} #flyout-wrap{margin: 0 7px 11px -29px;padding: 36px 0 19px;} #flyout>li:hover>ul{display:block;} /* default nav styles */ #nav{display:flex;justify-content: flex-end;} #nav .focused .toggle{display:inline !important} #nav>li:hover>a:not(.toggle), #nav>li:hover>span{background:#3A4E53;color:#fff;} #nav>li:hover>a:after, #nav>li:hover>span:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 8px solid #fff} #nav .focused .toggle:after{display: none;} /* traditional */ #nav:not(.mega) li{position:relative} #nav:not(.mega) ul{position:absolute;left:0;top:100%;width:200px;display:none} #nav:not(.mega) ul ul{left:100%;top:0} #nav:not(.mega) .focused .toggle2{display:inline !important} #nav:not(.mega) ul a, #nav:not(.mega) ul span{border-bottom:1px solid rgba(0,0,0,.15)} #nav:not(.mega) li:last-child>a, #nav:not(.mega) li:last-child>span{border:0} /* mega */ #nav.mega>li{position:static} #nav>li:hover .mega-wrapper{display: block;} .mega-wrapper{position: absolute;left: 465px;right: 30px;top:100%;max-height: 630px;overflow-y: scroll;display: none;word-break: break-word;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 0px 0px 4px 4px;} #nav>li>.mega-wrapper>ul{-webkit-column-count:4;-moz-column-count:4;column-count:4;column-gap: 20px;background:#131832;padding: 31px 30px 74px 44px;} #nav.mega>li>ul>li{display:block;width:100%;break-inside:avoid;} #nav.mega .focused .toggle2{display:none !important} #nav.mega .mega-wrapper>ul>li>a, #nav.mega .mega-wrapper>ul>li>span{color: #E1E1E1;font-size: 16px;font-weight: 700;text-transform: uppercase;margin: 0 0 8px 0;padding: 0 0 5px 0px;line-height: 135%;display: block;border-bottom: 1px solid #9C9C9C;} #nav.mega .mega-wrapper>ul>li ul a, #nav.mega .mega-wrapper>ul>li ul span{display: block;padding: 0 0 11px 0;font-size: 14px;font-weight: 400;color: #E1E1E1;line-height: 1.6;text-transform: capitalize;} #nav.mega .mega-wrapper>ul>li ul a:hover, #nav.mega .mega-wrapper>ul>li ul span:hover{font-weight: 700;} .mega-wrapper::-webkit-scrollbar {width: 5px;} .mega-wrapper::-webkit-scrollbar-track {background: #f1f1f1;} /* Handle */ .mega-wrapper::-webkit-scrollbar-thumb {background: #3A4E53;} /* Handle on hover */ .mega-wrapper::-webkit-scrollbar-thumb:hover {background: #3A4E53;} .footer-col{flex:1;padding: 19px 0;} #revize-login{font-weight: 400;position: relative;padding: 0 0 0 10px;margin: 0 0 0 10px;} #revize-login:before{content: "";position: absolute;top: 3px;left:0;height: 14px;width:2px;background:#fff;} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ #freeform #main{padding:20px 0 0 0} #freeform .box{margin:0 0 30px 0;} #freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important} #freeform #formwizziwmorf tr table tr{display:table-row!important} #freeform #formwizziwmorf tr table td{display:table-cell!important} /* Allows tables to be used as columns with responsive stacking */ .layout-table{width:100%!important} .layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr{display:block!important} .layout-table td{margin-bottom:15px} #toggles{position:absolute;right:15px;top: 24px;z-index: 10;} #nav-toggle,#search-toggle{border:none;padding:0;line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px} #translation-links ul {left: unset;right: 0;bottom: 100%; z-index: 134343;} #nav{display: none;} #nav li{position:relative} #flyout{display: none;} #nav ul, #flyout ul{display:none;background:rgba(0,0,0,.15)} #nav .toggle, #nav .toggle2, #flyout .toggle{position:absolute;right:0;top:0;background:#131832;color:#fff;} #flyout .toggle{background:#D7D1D1;color:#131832;} #flyout-toggle{padding:0;padding:15px;color:#fff;} #flyout-header{margin:0;padding:15px;border-top:1px solid rgba(0,0,0,.15)} #flyout>li{padding:0;} #nav{width:100%;margin:0;} #nav li a, #nav li span, #flyout>li>a, #flyout>li>span{text-align:left;padding: 16px 15px;line-height:1;font-size:14px;display: block;border-bottom: 1px solid rgba(0,0,0,0.15);} #top-bar{padding:6px 0 11px 0} #top-bar-left{margin:0;} .top-bar-address {flex-direction: column;align-items:start} #header-right-outer{margin:26px 0 0 0;display: none;} header{position:relative;} #header-bottom{padding:20px 0;} #logo{margin:0;} #search{flex-grow: 1;} #slider{padding-bottom: 80%;} #homepage #slider .tns-controls{bottom: unset;top:5%;} #slider-caption{text-align: right;} #slider-caption-top{text-align: right;font-size: 20.103px;} #slider-caption-middle{text-align: right;font-size: 55.413px;} #slider-caption-middle span{top:-19px;left: 0;right: 0;font-size: 59.081px;} #slider-caption-bottom{text-align: right;font-size: 20px;top:-10px} #slider-quick-links{top:50%;} #share-translate {top: 75%;} .section-header span{font-size: 80px;top: 0;} #news .tns-controls{right: -8px;left: -8px;} #homepage #news .section-header{margin:0px 0px 10px 0} #homepage #news-list{margin:90px 0 0 0;} .newsletter-details{width: auto;} #events-list{height: auto;margin-top: 50px;} #social-feed{height: auto;} #spotlight-right{margin-top: 40px;} .play img{width: 94px;} .footer-col:first-of-type{flex-basis: 100%;margin:0;} .footer-col{flex:1;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { .floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px} .floating-alert{font-size:12px} .floating-alert h4{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px} .share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden} .share-btns i{display:block;line-height:50px!important;font-size:20px} #inner-caption-top{font-size:30.991px} #inner-caption-bottom{font-size: 50.459px;top:-24px;left: 0;} #page-title{font-size:43px} .tns-controls button{opacity: 1;} #slider{padding: 30% 0 0;} #slider-caption{position: relative;top: 0;transform: translateY(0);margin-bottom: 120px;text-align: center;text-align:center;} #slider-caption-top{text-align:center;font-size: 18.103px;} #slider-caption-middle{text-align:center;font-size: 53.413px;} #slider-caption-middle span{top:-12px;font-size: 58.081px;} #slider-caption-bottom{text-align:center;font-size: 18px;top:-6px;} #slider-quick-links{position: relative;top:0;transform: translateY(0);} #quick-links{width: 100%;} .qlink-column{display: flex;flex-wrap: wrap;} .qlink{flex:1;flex-basis: 50%;} #qlinks-controls{width: 100%;border-radius: 0;} .qlink-column .qlink:first-child{border-radius: 0;} .section-header{font-size: 40px;} .section-header span{font-size: 60px;} .newsletter-text{flex-direction: column;align-items:flex-start;margin-bottom: 25px;} .newsletter-text .divider{display: none;} #signup-right .video-top span:first-of-type{font-size: 25.951px;} #signup-right .video-top span:last-of-type{font-size: 44.109px;top:-14px;} #signup-right .video-bottom{font-size: 34px;left: 0;} #events .events-subtitle{font-size: 20px;} #signup .signup-subtitle{font-size: 20px;padding:0;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) {} @media only screen and (max-width:600px){ #slider-caption-top{font-size: 18.103px;} #slider-caption-middle{font-size: 43.413px;} #slider-caption-middle span{top:-12px;font-size: 48.081px;} #slider-caption-bottom{font-size: 18px;top:-6px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { #freeform #inner-caption{top: 82%;} #inner-caption-top{font-size:25.991px} #inner-caption-bottom{font-size: 40.459px;top:-13px;left: 0;} #page-title{font-size:33px;margin-bottom: 18px;} #top-bar-left{display: flex;flex-direction: column;} #social-media-links span{font-size: 12px;} #slider-caption-top{font-size: 16.103px;} #slider-caption-middle{font-size: 36.413px;} #slider-caption-middle span{top:-12px;font-size: 38.081px;} #slider-caption-bottom{font-size: 15px;top:-6px;} .section-header{font-size: 30px;} .section-header span{font-size: 40px;} #events .section-header{font-size: 30px;} #spotlight-left .video-top span:first-of-type{font-size: 20.951px;} #spotlight-left .video-top span:last-of-type{font-size: 37.109px;} #spotlight-left .video-bottom{font-size: 26px;} .footer-col{flex-basis: 45%;} } @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} }