/*----------------------------------------------------------------------------------- Theme Name: Trinidad, CO Front-end developer: Jamie Phy Author Design: Alex Parent Author URI: http://www.revize.com/ Date: 8/11/2022 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:16px;line-height:1.6;font-family:Georgia,serif;color:#1B1B1B;-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:#000;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:21px;color:#000;margin-bottom:30px} 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} /* ----------------------------------------- #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} /* ----------------------------------------- #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 -----------------------------------------*/ .button, a.button, #post button, #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding:12px 20px;background:#1D0F48;color:#fff;border:0;border-radius:6px;display:inline-block;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;transition:all .3s} .rz-btn i{margin-left:inherit} td:not(.rz-edit-cell) .rz-btn i{margin-left:15px} .rz-btn.btn-light{background:#A72B22} .button:hover, a.button:hover, #post button: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:#A72B22;color:#fff} .rz-btn.btn-light:hover{background:#1D0F48} .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:#A72B22;color:#fff} .rz-btn.btn-light:active{background:#1D0F48} #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: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} ::placeholder, .form-control::placeholder{color:#000;opacity:1} ::-webkit-input-placeholder, .form-control::-webkit-input-placeholder{color:#000;opacity:1} :-moz-placeholder, .form-control::-moz-placeholder{color:#000;opacity:1} ::-moz-placeholder, .form-control::-moz-placeholder{color:#000;opacity:1} :-ms-input-placeholder, .form-control:-ms-input-placeholder{color:#000;opacity:1} .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} /* ----------------------------------------- #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: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 -----------------------------------------*/ .rzBtn{background:#1D0F48!important} #post .rz-doc-search-reset{display:none} /* ----------------------------------------- #main -----------------------------------------*/ #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} #nav a.toggle, #nav a.toggle2, #flyout a.toggle{display:none} header#header{z-index:200;top:0;left:0;right:0;background:#1D0F48;color:#fff;padding-top:12px} header#header:after{content:'';pointer-events:none;display:block;position:absolute;left:0;right:0;top:100%;height:30px;background:url('../images/blue-tear-down.png')} header#header nav{text-align:center;align-self:center} #nav{padding:0;margin:0} #nav li{margin:0;display:inline-block} #nav ul li{display:block} #nav a, #nav span{display:block;font-size:18px;color:inherit;text-decoration:none;color:#000} #nav ul{padding:0;margin:0;display:none} #nav ul a, #nav ul span{font-size:16px;padding:10px 15px} #social-search-wrap{align-self:center;text-align:right} #social-media-links{display:inline-block;font-size:18px;line-height:32px} #social-media-links .social-media-link{color:#fff;text-decoration:none;margin-right:12px} #search{display:inline-block} #search .search-form{margin:0;display:inline-block;background:#D2CEDE;border-radius:50px} #search .search-form:hover, #search .search-form:active{background:#fff} #search input{width:calc(100% - 50px);background:transparent;border:0;font-size:14px;color:#000;font-family:Georgia,serif;padding:12px} #search button{background:transparent;border:0} .goog-te-banner-frame{display:none} main#main{} #homepage .btn>i.fa-arrow-right::before{content:'';background:url('../images/arrow-forward.png');width:20px;height:20px;margin-left:7px;vertical-align:sub;display:inline-block} #floating-quick-nav{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:201} #floating-quick-nav ul{margin:0;padding:0;list-style:none;width:220px} .quick-nav{position:relative;margin-bottom:2px;float:right} .quick-nav a{text-decoration:none;display:block} .quick-nav-light{float:left;padding:16px;overflow:hidden;width:188px;transition:.2s linear all;background:#fff;white-space:nowrap;border-bottom-left-radius:2px} .quick-nav:nth-of-type(3n + 1) .quick-nav-light{color:#1D0F48} .quick-nav:nth-of-type(3n + 2) .quick-nav-light{color:#CD8A2A} .quick-nav:nth-of-type(3n + 3) .quick-nav-light{color:#A72B22} .quick-nav-icon{width:28px;height:28px;object-fit:contain;max-width:none;margin-right:16px;transition:.2s linear all} .quick-nav-dark{float:left;height:60px;width:12px;position:relative;overflow:hidden;transition:.2s linear all;border-bottom-right-radius:2px} .quick-nav:nth-of-type(3n + 1) .quick-nav-dark{background:#1D0F48} .quick-nav:nth-of-type(3n + 2) .quick-nav-dark{background:#CD8A2A} .quick-nav:nth-of-type(3n + 3) .quick-nav-dark{background:#A72B22} .quick-nav-dark span{width:168px;display:block;position:absolute;right:0;padding:20px 16px 16px 32px;color:#fff} .quick-nav:hover .quick-nav-light{width:52px} .quick-nav:hover .quick-nav-icon{margin-right:32px} .quick-nav:hover .quick-nav-dark{width:168px} .section-heading{font-size:48px;font-weight:700;color:#000;margin:0} .section-more-button{margin-top:55px;text-align:center} .section-more-button a{} .tns-controls{pointer-events:none} .tns-controls button{background:transparent;border:0;pointer-events:all} #services-wrap{padding:50px 0} #tiny-quicks{margin-top:55px} #tiny-quicks .tns-ovh{max-width:1300px;width:100%;margin:auto} #tiny-quicks .tns-inner{overflow:hidden} #tiny-quicks .tiny-item a{text-decoration:none;color:inherit;text-align:center;display:inline-block} #tiny-quicks .tiny-item img{width:92px;height:92px} #tiny-quicks .tiny-item h3{font-size:18px;text-align:center;margin:8px 0} #tiny-quicks .tiny-item div{text-align:center;font-size:16px} #news-wrap{padding:130px 0;position:relative} #news-wrap:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:50px;background:url('../images/white-tear-up.png')} #tiny-news{margin-top:55px} #tiny-news .tns-ovh{max-width:1300px;width:100%;margin:auto} #tiny-news .tns-inner{overflow:hidden} #tiny-news .tiny-item>*{margin-left:1px;text-decoration:none;color:inherit;display:block;position:relative;background:#fff;box-shadow:0px 6px 14px rgba(0, 0, 0, 0.05);border-radius:2px;height:100%} #tiny-news .tns-lazy-img{padding-bottom:75%} #tiny-news .news-content{padding:7%} #tiny-news .news-content time{font-size:14px;} #tiny-news .news-content h2{font-size:24px;font-weight:700;margin:15px 0 63px} #tiny-news .tiny-item .news-more{text-decoration:underline;color:#CD8A2A;position:absolute;bottom:30px;left:7%} #calendar-wrap{padding:130px 0;position:relative;overflow:hidden} #calendar-wrap .container{width:1248px} #calendar-wrap>.container>div{height:auto!important} #calendar-wrap:before{content:'';z-index:-1;display:block;position:absolute;right:-15px;top:15px;width:975px;height:1011px;background:url('../images/calendar-seal.jpg')} #mini-events{margin-top:59px} #calendar-wrap .section-more-button{margin-top:95px} #community-wrap{padding:180px 0;position:relative;overflow:hidden} #community-wrap:before{content:'';display:block;z-index:1;position:absolute;left:0;right:0;top:0;height:50px;background:url('../images/white-tear-down.png')} #community-wrap:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:50px;background:url('../images/blue-tear-up.png')} #community-content{width:100%;max-width:640px} #community-content>h2{font-size:48px;font-weight:700;margin-bottom:35px} #community-content>h2>small{display:block;font-size:18px;color:#A72B22;font-weight:400;margin-bottom:8px} #community-content>div{margin-bottom:35px} #community-content>nav>a{margin-bottom:14px;margin-right:8px} #community-background{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;max-width:1700px;margin:auto;text-align:right;pointer-events:none} #community-background>div{width:30%;float:right;height:100%} #community-background img{object-fit:cover;height:100%;max-width:none;width:100%} footer#footer{background:#1D0F48} footer#footer>.container{padding:75px 15px} #footer-right{color:#fff;align-self:center} #footer-right>div{float:right} #bottom-footer{background:#fff;text-align:center;padding:24px 0} #revize-link{font-weight:700;color:inherit;text-decoration:none} #revize-login{color:inherit;text-decoration:none} /* ----------------------------------------- #inner -----------------------------------------*/ #flyout-wrap{padding:0 5%} #flyout-header{font-weight:700;font-size:24px;margin:0 0 12px} #flyout{padding:0;margin:0} #flyout li{position:relative;margin:0;list-style:none} #flyout a, #flyout span{display:block;text-decoration:none;font-size:14px;color:#1D0F48;padding:12px 15px 12px 0} #flyout ul{padding:0;margin:0;display:none;background:} #freeform-wrap{padding: 10px 15px 55px;} #entry{padding:0 5%} .fullwidth #entry{padding:0} #page-title{margin:15px 0 45px;font-weight:700;font-size:36px} #post a{color:#A72B22} #breadcrumbs{font-size:14px;text-transform:capitalize;color:#666} #breadcrumbs a{text-decoration:none;color:#A72B22;font-weight:700} #breadcrumbs a:after{content:'\f0da';color:#000;font-weight:400;font-family:'FontAwesome';margin:0 10px 0 15px} #breadcrumbs ul{list-style:none;margin:0;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0} .col-xs-12{width:100%} /* ----------------------------------------- #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{position:fixed;z-index:99999;top:50%;right:0;border-radius:0;border:0;background:#F26A39!important;color:#fff!important;padding:8px 15px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;font-size:20px} #translation-links{padding:0;margin:0;position:fixed;z-index:99999;top:calc(50% + 50px);right:0;background:#1D0F48;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;font-size:20px} #translation-links button{background:transparent;border:0;padding:10px 15px;color:#fff} #translation-links li{position:relative;margin:0;list-style:none} #translation-links ul{padding:30px;margin:0;position:absolute;top:50%;transform:translateY(-35%);right:48px;width:900px;background:#fff;display:none;font-size:15px} #translation-links ul li{float:left;width:20%;padding-right:15px;padding:5px 5px 5px 0} #homepage .floating-share-btn{top:calc(50% - 250px)} #homepage #translation-links{top:calc(50% - 200px)} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{height:800px;position:relative} #slider:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:50px;background:url('../images/white-tear-up.png')} #freeform #slider{height:550px} .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:0;right:0;z-index:1;transform:translateY(-50%)} .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} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (min-width:1400px) { .container{max-width:1500px;width:100%} #community-background>div{width:50%} } @media only screen and (min-width:992px) { header#header{position:fixed} #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block} #nav a.toggle{position:absolute;top:70px;padding:0} #flyout a.toggle{position:absolute;right:10px;top:calc(50% - 5px);padding:0} #flyout .focused .toggle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #flyout,#nav{display:block!important} #nav{position:relative} .layout-table{table-layout:fixed;width:100%} #nav>li>a, #nav>li>span{padding:41px 5px;font-weight:700;color:#fff;font-size:16px} #nav ul{position:absolute;left:0;top:100%;right:0;background:#EADCC9;display:none} #nav .first-level{column-count:2;padding:6% 3% 3%;text-align:left} #nav .first-level>li>a, #nav .first-level>li>span{color:#1D0F48;font-weight:700;font-size:18px} #nav li:hover>ul{display:block} #nav ul ul{position:relative;display:block} #flyout ul{position:absolute;left:100%;top:0;width:200px;background:#EADCC9;display:none;z-index:999} #flyout>li{border-bottom:1px solid #E6E6E6} #flyout li:hover>ul{display:block} #flyout ul li a,#flyout ul li span{padding:12px 15px} #flyout-toggle{display:none} } @media only screen and (min-width:1400px) { #nav>li>a, #nav>li>span{font-size:18px;padding:41px 16px} #nav .first-level{column-count:4} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ #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:15px;z-index:1} #nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px} header#header{position:relative} header#header [class^="col"]{flex:0 0 100%;max-width:100%;margin-bottom:15px} #social-media-links{display:none} #search{display:none} #search .search-form{display:block} #nav,#flyout{display:none} #nav{background:#EADCC9;text-align:left} #nav li{display:block;position:relative} #nav a, #nav span, #flyout a, #flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span{border:0} #nav ul, #flyout ul{background:rgba(0,0,0,.15)} #nav a.toggle, #nav a.toggle2, #flyout a.toggle{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important} #floating-quick-nav{display:none} #community-background{display:none} #slider{height:400px} #freeform-wrap>.row>[class^="col"]{flex:0 0 100%;max-width:100%;margin-bottom:15px} #flyout-wrap{border:1px solid #e6e6e6;border-radius:5px;padding:15px} #entry{padding:0} } /* 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} footer#footer [class^="col"]{text-align:center} #footer-right>div{float:none} .container{max-width:100%} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) {} @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} }