/* Theme Name: Nabor Author: Sharp Hue */ /*Inner Template Theme Colors*/ #blog .blog-meta-info a:hover, #blog h1 a, #content h1, #blog h1, #blognav h3, #blognav ul li a:hover { color:#103461; font-weight: bold; font-family: 'Blinker', sans-serif; } #faqs .faq .icon, #events .date, #contact .frm_forms .frm_submit input, #blog nav .nav-previous a, #blog nav .nav-next a, #information .icon { background-color:#555; } #testimonials .testimonial { border-color:#555; } #gallerynav a:hover, #gallerynav a.active { border-bottom-color:#555; } #gallerynav a.active span { border-top-color: #555; } /*Theme Styles*/ /*Fonts*/ h1, h2, h3, h4, h5, h6 { font-family: 'Blinker', sans-serif; } /* .spectral { font-family: 'Spectral', serif; font-weight:600; } */ p, a, #content ul, #content ol, div {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; line-height: 26px;} a {color: #419fd8;} /*Global*/ .wrapper { min-width: 320px; } .contain { max-width: 1200px; } .wpb_content_element p{margin:0 !important; padding:0 !important;} /*Header*/ #header { padding-top: 7px; padding-bottom: 10px; } #header .wrapper { min-width: 300px; } #header .logo { line-height: 45px; position: relative; width:300px; } #header .login { position: absolute; right:250px; top: 40px; } #header .login ul { list-style-type: none; } #header .login ul li { float: left; padding:0 12px; } #header .login ul li:nth-child(2) {border-left: 2px solid #103461;} #header .login ul li:nth-child(3) { padding-right: 0; } #header .login ul li a { font-size: 16px; color: #103461; font-family: 'Blinker', sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; } #header .login ul li a:hover {color:#000; transition:.4s;} #header .login ul li a .fa { padding-right: 10px; font-size: 17px; color: #419fd8;} /* #header .login ul li a .fa:hover { color: #000; transition: .4s; } */ #header .btn-holder { position: absolute; right: 0; top: 30px; } #header .btn-holder .btn { font-family: 'Blinker', sans-serif; font-size: 16px; font-weight: bold; margin-left: 24px; padding: 6px 22px; color: #fff; background: #103461; border-radius: 5px; text-transform: uppercase; text-decoration: none; border: 3px solid #103461; } #header .btn-holder .social-btn .fa { font-size: 20px; color: #000; } #header .btn-holder .btn:hover {background-color: #fff; border: 3px solid #103461; color: #103461; transition: .4s;} @media(max-width: 1250px) { #header .login { } #header .btn-holder { right: 20px; } } /*Nav*/ #nav .login-mobile { display: none; } #nav .mobile-btns { display: none; } #nav .mobile-btns .btn { font-size: 14px; font-weight: bold; margin-left: 24px; padding: 12px 22px; color: #fff; background: #103461; border-radius: 5px; text-transform: uppercase; } #nav .wrapper { z-index: 10; background-color: #103461; } #nav { position:relative; } #nav ul { margin:0; padding:0; } #nav nav > ul { display:table; width:100%; list-style:none; } #nav nav > ul > li { float:left; position: relative; } #nav nav > ul > li:first-child { } /* #nav nav > ul > li:first-child a { padding:0 10px; } */ #nav ul li > a { display:block; padding:0 18px; margin:0 8px; text-decoration: none; color: #ffffff; line-height: 43px; font-size: 16px; font-weight: bold; text-transform: uppercase; font-family: 'Blinker', sans-serif; } #nav ul li:hover > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a, #nav ul li.current_page_parent > a { background:#419fd8; } #nav ul li.menu-item-has-children > a { } #nav nav ul li a .fa-angle-down { font-size: 15px; margin:0 2px 0 0; } #nav nav ul li a .fa-home { font-size: 19px; } #nav .menu { display: none; } #nav nav > ul > li.home > a { font-size: 19px; } #nav nav > ul > li.home > a span { display: none;} #nav nav > ul > li.home > a:before { display: inline-block; content: '\f015'; font-family: "Font Awesome 5 Free"; font-weight:900; } #nav nav > ul > li .fa-angle-down {display: none;} #nav nav > ul > li.menu-item-has-children i { display: inline-block;} #nav nav .sub-menu .fa-angle-down { display: none; } /*Sub Nav*/ #nav ul li .sub-menu { position:absolute; } #nav ul ul { display:none; position:absolute; left:15px; top:100%; min-width:200px; height:auto; background:#202020; } #nav ul li:last-child ul { left:auto; right:15px; } #nav ul li:hover ul { display:block; } #nav ul li ul li { float:none; margin:0; padding:0; } #nav ul li ul li a {font-family: 'Roboto Condensed', sans-serif; display:block; height:auto; padding:0 15px; margin:0; line-height:35px; font-size:15px; color:#fff; text-transform:none; text-decoration:none; white-space:nowrap; font-weight: normal; } #nav ul li ul li:hover a { background:#103461; } #nav ul li ul li ul { display:none; } /*Promo*/ #nav .wrapper { z-index: 9; } #promo .slider { position: relative; } #promo .promo-slider-btn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #promo .promo-slider-btn .btn-next { position: absolute; right: 0; top: 245px; font-size: 55px; color: #fff; z-index: 2;} #promo .promo-slider-btn .btn-prev { position: absolute; left: 0; top: 245px; font-size: 55px; color: #fff; z-index: 2;} #promo .slide { display: none; position: relative; height:578px; background-position: center center; background-repeat: no-repeat; background-size:cover; } #promo .slide:first-child {display: block;} #promo .message { position: absolute; left:40px; top:156px; right:0; z-index: 1; } #promo .message h2 { text-align: left; font-size: 40px; line-height: 54px; margin-bottom: 33px; color: #ffffff; } #promo .message a { padding: 10px 18px; color: #000000; background-color: #ffffff; margin-top: 33px; text-decoration: none; font-size: 17px; text-transform: uppercase; font-weight: bold; font-family: 'Open Sans', sans-serif; border-radius: 5px; } #promo .message a:hover { background-color: #103461; color: #fff; transition: .4s; border: 1px solid #fff; } #promo .announcement { position: absolute; bottom: 0; width: 100%; z-index: 1; } #promo .announcement .banner { padding: 18px 0; background: url(images/transparent-stripe-bg.png) center center; background-size: cover; } #promo .announcement .fa { color: #fff; font-size: 37px; line-height: 13px; display: inline-block; vertical-align: middle; } #promo .announcement h3 { color: #fff; font-size: 24px; padding-left: 30px; margin: 0; display: inline-block; vertical-align: middle; } #promo .announcement .announcement-btn { padding: 6px 26px; font-size: 15px; background-color: #fff; color: #103461; border-radius: 5px; float: right; text-transform: uppercase; font-weight: bold; font-family: 'Open Sans', sans-serif; text-decoration: none; vertical-align: middle;} #promo .announcement .announcement-btn:hover { background-color: #103461; color: #fff; transition: .4s; } @media(max-width: 676px) { #promo .announcement { position: relative; } #promo .message { top: 130px; } } @media(max-width: 500px) { } /* Upcoming-Events */ #upcoming-event { border-bottom: 1px solid #e9e9e9; } #upcoming-event .wrapper { padding-top: 64px; background: url(images/grey-pattern-bg.png); padding-bottom: 48px; } #upcoming-event .upcoming-event-title { text-align: center; margin: 0; margin-bottom: 10px; text-transform: uppercase; color: #323232; font-size: 29px; font-weight: bold; font-family: 'Blinker', sans-serif; } #upcoming-event .month { padding: 10px 24px 40px 24px; } #upcoming-event .month ul { list-style-type: none; } #upcoming-event .month ul li { margin-bottom: 5px; } #upcoming-event .month ul li a:hover {font-weight:bold} #upcoming-event .month ul .active { font-weight: bold; } #upcoming-event .month ul li a { font-size: 16px; text-decoration: none; color: #103461; } #upcoming-event .event-card { position: relative; border: 2px solid #103461; width: 100%; background-color: #fff; margin-bottom: 20px; border-radius: 5px 5px 5px 5px; } #upcoming-event .event-card .date { position: absolute; background-color: #103461; border-radius: 50%; top: 0; left: -64px; width: 128px; height: 128px; text-align: center; color: #fff;} #upcoming-event .event-card .date p { font-size: 18px; line-height: 24px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; padding-top: 30px; } #upcoming-event .event-card .date p span { font-size: 50px; line-height: 50px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; } #upcoming-event .event-info { padding-left: 86px; padding-top: 25px; padding-right: 20px; padding-bottom: 20px; } #upcoming-event .event-info h3 { font-size: 19px; color: #103461; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-top: 0; margin-bottom: 18px; } #upcoming-event .event-info .location { position: relative; padding-left: 20px; float: left; margin-right: 40px; } #upcoming-event .event-info .location .location-icon { position: absolute; top: -5px; left: 0; font-size: 21px; color: #419fd8; } #upcoming-event .event-info .time { position:relative; padding-left: 23px; float: left; } #upcoming-event .event-info .time .time-icon { position: absolute; top: -5px; left: 0; font-size: 21px; color: #419fd8; } #upcoming-event .event-info .event-btn { display: inline-block; float: right; } #upcoming-event .event-info .event-btn a { border: 1px solid #419fd8; background-color: #419fd8; padding: 9px 28px 9px 12px; margin-right: 18px; font-size: 15px; border-radius: 5px; color: #fff; text-decoration: none; display: inline-block; } #upcoming-event .event-info .event-btn a:hover { background-color: #fff; color: #419fd8; transition: .4s; } #upcoming-event .event-info .event-btn a:hover .fa { color: #419fd8;; transition: .4s; } #upcoming-event .event-info .event-btn a .fa { color: #fff; font-size: 20px; padding-right: 12px; } #upcoming-event .event-info .event-btn .calendar-btn { padding: 9px 12px; margin-right: 0;} #upcoming-event .no-events { text-align: center; padding: 30px;} #upcoming-event #months-slider {text-align: center;} #upcoming-event #months-slider .display-month {font-size: 25px; color: #103461; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-transform: uppercase; padding: 0 65px;} #upcoming-event #months-slider .fa {font-size: 20px; color: #103461;} #upcoming-event .col-100:first-child {float: none;} #upcoming-event .col-100:last-child {width: 90%; margin: 0 auto; float: none; display: block;} #upcoming-event .event-time {padding-left: 10px;} #upcoming-event .address {padding-left: 10px;} @media(max-width: 1115px) { #upcoming-event .event-info .event-btn { float: left; clear: both; margin-top: 10px; } #upcoming-event .event-info .event-btn a:first-child { margin-bottom: 10px; } } @media(max-width: 767px) { #upcoming-event .month { margin-bottom: 15px; } #upcoming-event .month ul li { display: inline-block; margin-right: 5px; margin-bottom: 5px; } #upcoming-event .month ul li:after { content: ','; } #upcoming-event .month ul li:last-child:after { content: ''; } #upcoming-event .event-card .date { left: -10px; width: 84px; height: 84px; } #upcoming-event .event-card .date p { font-size: 16px; line-height: 10px; padding-top: 15px; } #upcoming-event .event-card .date p span { font-size: 35px; line-height: 40px; } } /* Stay Connected */ #stay-connected { } #stay-connected .wrapper { padding-top: 84px; padding-bottom: 102px; background:#f9f9f9; border-bottom:1px solid #e1e1e1;} #stay-connected .title-container { position: relative; } #stay-connected .stay-connected-title { color: #103461; margin-bottom: 30px; font-size: 29px; font-weight: bold; font-family: 'Spectral', serif; text-transform: uppercase; text-align: center; } #stay-connected .slide {display: none;} #stay-connected .slide:first-child {display: block;} #stay-connected .btn-prev { position: absolute; top: -15px; left: 0; font-size: 45px; color: #103461; } #stay-connected .btn-next { position: absolute; top: -15px; right: 0; font-size: 45px; color: #103461; } #stay-connected .social { position: relative; margin:0 4px 0 0; height:295px; overflow:hidden; } #stay-connected .social p { position: absolute; min-height: 74px; bottom: 0; left: 0; right: 0; margin-bottom: 0; padding: 10px 20px; font-size: 13px; font-family: 'Open Sans', sans-serif; background-color: rgba(0,0,0,0.3); color: #fff; } #stay-connected .social img { width:100%; } #stay-connected .social-info { background-color: #103461; padding: 0 12px; margin:0 4px 4px 0; } #stay-connected .social-info .time-ago { display: inline-block; color: #fff; margin: 0; padding: 8px 0; font-size: 12px; font-style: italic; font-family: 'Open Sans', sans-serif; } #stay-connected .social-info .read-more { display: inline-block; float: right; color: #fff; padding: 8px 0; padding-left: 15px; border-left: 1px solid #fff; font-size: 13px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; text-decoration: none; } @media(max-width: 1200px) { #stay-connected .social { height:195px; } } @media(max-width: 860px) { #stay-connected .col-25 { width: 50%; margin-bottom: 10px; } #stay-connected .social { height:250px;} } @media(max-width: 500px) { #stay-connected .col-25 { width: 100%; } #stay-connected .stay-connected-title { font-size: 22px; } #stay-connected .social { height:295px; } #upcoming-event .col-100:last-child {width: 100%;} } /* Upcoming Events */ #events-list { } #events-list .wrapper { } #events-list .event { border-radius: 5px; margin-bottom: 25px; min-height: 400px; } #events-list .event .event-title { background-color: #103461; padding: 12px 20px; border-radius: 5px 5px 0 0; } #events-list .event .event-title .fa { color: #fff; font-size: 20px; display: inline-block; vertical-align: middle;} #events-list .event .event-title .fa-mobile { font-size: 27px; } #events-list .event .event-title h3 { color: #fff; font-size: 16px; margin: 0; padding-left: 15px; text-transform: uppercase; display: inline-block; font-weight: bold; font-family: 'Open Sans', sans-serif; vertical-align: middle;} #events-list .event .event-text { background-color: #fff; text-align: center; border-radius: 0 0 5px 5px; overflow: hidden; } #events-list .event .event-text p { font-size: 15px; line-height: 25px; padding: 14px 32px; font-family: 'Open Sans', sans-serif; min-height: 50px; } #events-list .event .event-text p a { text-decoration: underline; } #events-list .event .event-text img { /*height: 200px !important;*/ } @media(max-width: 1210px) { #events-list .event { min-height: 400px; } #events-list .event .event-text p { min-height: 73px;} } @media(max-width: 1025px) { #events-list .event .event-text p { min-height: 88px;} } @media(max-width: 867px) { #events-list .col-333 { width: 50%; } } @media(max-width: 767px) { #events-list .col-333 { width: 100%; } #events-list .event .event-text img { width: 100%; } #events-list .event .event-text p { min-height: 0;} #events-list .event .event-text img { height: 100% !important; } } /* SEO */ #seo { } #seo .wrapper { padding-top: 108px; padding-bottom: 100px; /*background: url(images/logo-watermark.png) no-repeat center bottom;*/ } #seo .seo-title { margin: 0 0 10px 0; font-size: 34px; line-height: 34px; font-family: 'Blinker', serif; font-weight: bold; text-align: center; text-transform: uppercase; color: #103461;} #seo .seo-title sup { font-size: 22px; } #seo .seo-title .register { font-size: 20px; } #seo .seo-subtitle { color: #419fd8; margin-bottom: 15px; font-size: 23px; font-weight: bold; text-align: center; font-family: 'Blinker', sans-serif; } #seo p { font-size: 19px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; line-height: 34px; margin: 0; text-align:center; } /*Footer*/ footer .wrapper { background-color: #0b2a51; } footer .footer-nav { background-color: #196c9d; padding: 90px 0 80px 0; } footer .footer-nav:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 100vw; background: #196c9d; content: ''; } footer .footer-nav h5 { font-size: 18px; color: #fff; font-family: 'Blinker', sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } footer .footer-nav h5 a { color: #fff; text-decoration: none; font-family: 'Blinker', sans-serif; } footer .footer-nav ul { list-style-type: none; } footer .footer-nav ul li { line-height: 17px; margin-bottom: 12px; } footer .footer-nav ul li a { text-decoration: none; color: #fff; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; } footer .footer-nav .footer1 { } footer .footer-nav .footer2 { } footer .footer-nav .footer2 ul { margin-bottom: 40px !important; } footer .footer3 { } footer .footer-nav .footer3 ul { margin-bottom: 40px; } footer .copyright { margin-top: 55px; } footer .copyright p { color: #fff; font-size: 12px; } footer .copyright a { color: #fff; text-decoration: underline; font-size: 12px; } footer .contact-info { background-color: #0b2a51; padding-top: 90px; padding-left: 80px; } footer .contact-info .contact { position: relative; padding-left: 39px; margin-bottom: 30px; color: #fff; } footer .contact-info .contact .contact-body { font-size: 15px; } footer .contact-info .contact .contact-icon { position: absolute; top: -5px; left: 0; font-size: 21px; color: #fff; } footer .contact-info .footer-btn { border: 2px solid #fff; padding: 7px 20px; margin-right: 26px; text-transform: uppercase; color:#103461; font-size: 17px; font-weight: bold; font-family: 'Blinker', sans-serif; background-color: #fff; border-radius: 5px; display: inline-block; text-decoration: none; } footer .contact-info .footer-btn:hover { color: #fff; background-color: #103461; transition: .4s; border: 2px solid #fff;} footer .contact-info .footer-contact-btn { border: 2px solid #fff; padding: 7px 22px; text-transform: uppercase; color:#103461; font-size: 17px; font-weight: bold; font-family: 'Blinker', sans-serif; background-color: #fff; border-radius: 5px; display: inline-block; text-decoration: none; } footer .contact-info .footer-contact-btn:hover { color: #fff; background-color: #103461; transition: .4s; border: 2px solid #fff; } .social-btn { color:#fff; font-size:22px; } @media (max-width: 1250px) { /*Contains*/ .contain { padding:0 20px; } #nav ul li > a { margin: 0 8px; } #nav ul ul { left: 8px; } #nav ul li:last-child ul { right: 8px; } footer .footer-nav { padding: 90px 10px 80px 10px; } footer .contact-info .footer-btn { margin-bottom: 10px; margin-left: 0 } } @media (max-width: 1200px) { #nav ul li > a { padding: 0 25px; } } @media (max-width: 1195px) { #nav ul li > a { margin: 0; padding: 0 14px; } #nav ul ul { left: 0; } #nav ul li:last-child ul { right: 0; } } @media (max-width: 1100px) { /*Header*/ } @media (max-width: 1023px) { /*Header*/ #header {padding: 15px 0;} #header .logo { width: 250px; } #header .login { right: 85px; top:0; } #header .btn-holder { top: 35px; right:95px; } /*Nav*/ #nav nav { position: relative; right: auto; top: auto; padding-top:30px; } #nav nav ul li { display: block; margin-left: 0; } #nav nav ul li a { line-height: 20px; padding:8px 0; } #nav nav { display: none; } #nav.on nav { display: block; } #nav .menu {display: block; font-size: 30px; line-height: 45px; position: absolute; right: 20px; top: -60px; } #nav .menu a { color: #000000; } #nav nav > ul { display: block; } #nav nav > ul > li:first-child { float: none; margin: 0; } #nav nav ul li { float: none; } #nav.on nav ul li .sub-menu { display: none; } #nav.on nav ul li.on > .sub-menu { display: block; } /*Menu*/ #nav nav { position:absolute; top:-30px; right: 0; width:100%; } #nav nav ul { display:none; width:100%; height:auto; max-height:none; background:#202020; } /* #nav nav > ul > li:first-child a { padding:10px 20px; } */ #nav.on nav ul { display:block; } #nav .menu { display:block; position: absolute; right:0; top:-60px; width:60px; height:60px; background:url(images/structure/menu.png) no-repeat center center; cursor:pointer; } #nav .menu.done { display:block; } #nav.on nav ul li .sub-menu ul { display:none; position: relative; left:auto; top:auto; right:auto; } #nav.on nav ul li.on .sub-menu ul { display:block; left: 0; } #nav ul li ul li a { padding-left: 40px; } #nav ul li.menu-item-has-children > a { padding: 8px 20px; } #nav nav ul li a { padding: 8px 20px; } /* Submenu */ #nav ul li .sub-menu { position:relative; } #nav.on nav ul li .sub-menu ul { display:none; } #nav.on nav ul li.on .sub-menu ul { display:block; } } @media (max-width: 850px) { #header .btn-holder .btn { display: none; } #header .btn-holder { top: 25px; right: 80px; } #header .btn-holder .social-btn .fa { float: right; } #header .login { display: none; } #header .logo { margin-top: 0; } #nav .menu { top: -75px; } #nav .login-mobile { display: block; } #nav .login-mobile ul li a .fa { padding-right: 10px; } #nav .mobile-btns { display: block; padding: 15px 0; background:#202020; } #nav .mobile-btns .btn { margin: 0; display: block; margin-left: 20px; margin-right: 20px; text-decoration: none; } #nav .mobile-btns .btn:hover { background-color: #fff; color: #103461; transition: .4s; border: 1px solid #103461; } #nav .mobile-btns .btn:first-child { margin-bottom: 10px; } #nav ul li.menu-item-has-children > a { padding: 8px 20px; } #nav nav ul li a { padding: 8px 20px; } #promo .announcement .fa { display: block; text-align: center; margin-bottom: 15px; } #promo .announcement h3 { display: block; text-align: center; padding-left: 0; margin-bottom: 5px; } #promo .announcement .announcement-btn { display: block; float: none; text-align: center; } } @media (max-width: 767px) { /*Grid*/ [class*="col-0"], [class*="col-1"], [class*="col-2"], [class*="col-3"], [class*="col-4"], [class*="col-5"], [class*="col-6"], [class*="col-7"], [class*="col-8"], [class*="col-9"] { width:100%; padding:0; } /*Contain*/ .contain { padding:0 30px; } /*Promo*/ #promo .message { top: 80px; } #promo .message h2 { font-size: 30px; line-height: 40px; } #promo .message a { font-size: 17px; } #promo .promo-slider-btn .btn-next { top: 145px; } #promo .promo-slider-btn .btn-prev { top: 145px; } #stay-connected .wrapper { padding: 60px 0; } footer .footer-nav { padding: 50px 10px 40px 10px; } footer .contact-info { padding: 40px 10px; } } @media (max-width: 686px) { /*Promo*/ #promo .slide { height: 412px; } } @media (max-width: 600px) { #header .login ul li a { font-size: 12px; } } @media (max-width: 500px) { #nav .login-mobile { display: block; } #nav .login { display: none; } /*Promo*/ #promo .message { top: 40px; } #promo .message h2 { padding: 0px; font-size: 28px; line-height: 38px; } #promo .message a { margin-left: 20px; } #promo .slide { height: 312px; } #promo .slide .background-image { height: 312px !important; } #upcoming-event .upcoming-event-title { font-size: 26px; } } @media (max-width: 400px) { /*Header*/ #header {padding: 8px 0;} #header .btn-holder { top: 12px; left: 225px; } #header .logo { width: 150px; } #promo .message .contain { padding: 0; } #nav .menu { font-size: 25px; top: -55px; } /*Promo*/ #promo .message { top: 55px; } #promo .message h2 { font-size: 22px; line-height: 25px; } #promo .message a { font-size: 14px; } /*Upcoming Events*/ #upcoming-event .wrapper { padding-top: 44px; } #upcoming-event .upcoming-event-title { margin-bottom: 36px; } #upcoming-event .event-card .date { width: 65px; height: 65px; } #upcoming-event .event-card .date p span { font-size: 25px; line-height: 30px; } #upcoming-event .event-info { padding-left: 65px; } /*Stay Connected*/ #stay-connected .wrapper { padding: 44px 0; } /*SEO*/ #seo .wrapper { padding-top: 60px; padding-bottom: 48px;} } /* Document Library */ #document-library .accordion-holder { margin-bottom: 10px;} #document-library button.accordion { background-color: #103461; color: #fff; cursor: pointer; padding: 15px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-size: 20px; } #document-library button.accordion.active, #document-library button.accordion:hover { background-color: #0b2a51; } #document-library button.accordion.active { margin-bottom: 10px; } #document-library div.panel { display:none; background-color: #ffffff; } #document-library div.panel.active { } #document-library div.panel ul { list-style: none; } #document-library button.accordion:before { content: '\f067'; font-size: 13px;color: #fff;float: left; margin-top: 5px; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight:900;} #document-library button.accordion.active:before { content: "\f068"; color: #fff; margin-top: 5px; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight:900; } /* Affiliate Directory */ #affiliate-directory button.accordion { background-color: #103461; color: #fff; cursor: pointer; padding: 15px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-size: 20px; } #affiliate-directory button.accordion.active, #affiliate-directory button.accordion:hover { background-color: #0b2a51; } #affiliate-directory button.accordion.active { margin-bottom: 10px; } #affiliate-directory div.panel { display:none; background-color: white; } #affiliate-directory div.panel.active { } #affiliate-directory button.accordion:before { content: '\f067'; font-size: 13px; color: #fff; float: left; margin-top: 5px; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight:900; } #affiliate-directory button.accordion.active:before { content: "\f068"; color: #fff; margin-top: 5px; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight:900; } #affiliate-directory .accordion-holder { margin-bottom: 10px; } #affiliate-directory .panel .contact-info { min-height: 300px; text-align:center; background:#f9f9f9; border:1px solid #e9e9e9; border-radius:6px; padding:20px 5px; margin-bottom: 10px; word-wrap: break-word; } #affiliate-directory .panel p { padding:0 0 0px 0; font-size:16px; color:#000; } #affiliate-directory .panel h2 { padding:0 0 15px 35px; color:#103461; font-size:20px; line-height:25px; font-weight:600; text-transform:uppercase; } #affiliate-directory .panel h2:hover { color:#000; } #affiliate-directory .panel h3 { color:#103461; font-size:17px; line-height:25px; font-weight:600; text-transform:none; } #affiliate-directory .panel a { text-decoration:none; color:#103461; } @media(max-width: 960px) { #affiliate-directory .panel .col-25 { width: 33%;} } @media(max-width: 768px) { #affiliate-directory .panel .col-25 { width: 50%; padding: 0 1%;} } @media(max-width: 600px) { #affiliate-directory .panel .col-25 { width: 100%;} } /* Education */ #education .school-info { text-align: center; padding: 10px 10px; border-radius: 5px; min-height: 400px; background:#f9f9f9; box-shadow: 1px 1px 10px rgba(0,0,0,0.2); margin-bottom: 30px; } #education .school-info h3 { border-bottom:2px solid #103461; padding:10px; margin-bottom:10px; } #education .matrix-video-links ul { list-style: none; padding-left: 0;} @media(max-width: 950px) { #education .col-333 { width: 50%; padding: 0 2%; } } @media(max-width: 768px) { #education .school-info { min-height: 352px; margin-bottom: 30px; } } @media(max-width: 600px) { #education .col-333 { width: 100%; padding: 0 2%; margin-bottom: 2%; } } /* Staff */ #staff h2 { padding:0; color:#103461; font-size:22px; line-height:40px; font-weight:600; } #staff h3 { padding:0; color:#444; font-size:15px; line-height:17px; font-weight:600; } #staff .contact p.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ccc; } #staff .phone { font-size:14px; cursor:default; } #staff .email { font-size:14px; } /* Formidable Styling */ .frm_style_formidable-style.with_frm_style input[type=text], .frm_style_formidable-style.with_frm_style input[type=password], .frm_style_formidable-style.with_frm_style input[type=email], .frm_style_formidable-style.with_frm_style input[type=number], .frm_style_formidable-style.with_frm_style input[type=url], .frm_style_formidable-style.with_frm_style input[type=tel], .frm_style_formidable-style.with_frm_style input[type=file], .frm_style_formidable-style.with_frm_style input[type=search], .frm_style_formidable-style.with_frm_style select { display: block !important; width: 100% !important; padding: 7px 10px !important; font-size: 12px !important; line-height: 16px !important; background: #fff !important; border: 1px solid #ddd !important; border-bottom: 1px solid #ccc !important; -webkit-box-shadow: inset 0 0 3px #eee !important; -moz-box-shadow: inset 0 0 3px #eee !important; box-shadow: inset 0 0 3px #eee !important; } .frm_style_formidable-style.with_frm_style .frm_hidden.frm_verify {visibility:hidden;} .frm_style_formidable-style.with_frm_style input[type=submit] { padding: 0 25px !important; background: #555 !important; border: none !important; color: #fff !important; font-size: 13px !important; text-transform: uppercase !important; line-height: 36px !important; box-shadow: none !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -o-border-radius: 2px !important; border-radius: 2px !important; } #contact .frm_forms .frm_submit input { background-color: #103461 !important; } #information h3 { padding:15px 0 5px 0; color:#103461; font-size:20px; line-height:25px; text-transform:none; font-weight:700; } /* Visual COmposer */ .membership-form-btn a, .membership-form-btn button { background-color: #103461 !important; color: #ffffff !important; font-weight: bold; } .membership-holder .vc_column-inner { border: 1px solid #103461 !important; border-radius: 5px !important; padding: 15px !important; } #special-announcements h4 {font-weight: 700;} #special-announcements h2 {font-weight: 700;} #special-announcements h3, #special-announcements h3 a {font-family: 'Blinker', sans-serif; font-size: 22px;} #special-announcements .vc_btn3.vc_btn3-size-sm {font-size: 15px;} #content .gallery .gallery-caption {font-size: 13px;} /* New Events Template */ #event-page #content .container {padding: 5% 20px 7%;} #event-page #content p, #event-page #content a {font-size: 18px; line-height: 30px;} #event-page #content h3 {font-size: 30px; line-height: 40px; text-transform: none;} #event-page .content-btn {font-size: 18px; border: 3px solid #419fd8; background: #419fd8; text-decoration: none; color: #fff; border-radius: 5px; padding: 10px 25px; font-weight: bold; font-family:'Blinker', sans-serif; text-transform: uppercase; display: inline-block; margin-top: 10px;} #event-page .content-btn:hover {background: none; color: #419fd8;} #event-page .banner .content-btn:hover {border: 3px solid #fff; color: #fff;} #event-page .banner {text-align: center; color: #fff;} #event-page .banner h1 {font-size: 50px; line-height: 60px;} #event-page .banner .overlay {background: rgba(0,0,0,.7);} #event-page .banner .container {padding: 7% 20px;} #event-page .intro {text-align: center; margin-bottom: 7%;} #event-page .intro h2 {color: #419fd8; font-size: 35px; line-height: 45px;} #event-page .info-block {padding-bottom: 7%;} #event-page .info-block img {padding-right: 10%;} #event-page .info-block.extra img {padding-left: 10%;} #event-page .info-block.extra h3 {color: #419fd8;} #event-page .details-banner {background: #419fd8; text-align: center; padding: 20px 0 10px;} #event-page .details-banner p {color: #fff; font-size: 22px; display: inline-block; padding: 0 5%;} #event-page .become-sponsor-section {border-top: 1px solid #e7e7e7; margin-top: 5%; padding-top: 3%;} #tribe-events-footer {display: none !important;} .page-template-full-width h3 {font-size: 30px; line-height: 40px; text-transform: none;} .page-template-full-width .content-btn {font-size: 18px; border: 3px solid #419fd8; background: #419fd8; text-decoration: none; color: #fff; border-radius: 5px; padding: 10px 25px; font-weight: bold; font-family:'Blinker', sans-serif; text-transform: uppercase; display: inline-block; margin-top: 10px;} .page-template-full-width .content-btn:hover {background: none; color: #419fd8;} @media(max-width: 768px){ #event-page .banner .container {padding: 20% 20px;} #event-page .info-block.extra .grid {display: flex; flex-wrap: wrap; flex-direction: column-reverse;} } #content.tickets-checkout {background: url(/wp-content/themes/nabor/images/grey-pattern-bg.png); padding: 5% 0;} #content.tickets-checkout .event-tickets .tribe-tickets__commerce-checkout, .tribe-common .tribe-tickets__commerce-checkout {margin: 0 auto;} #content.tickets-checkout h1 {font-size: 40px; line-height: 1.2; margin-bottom: 30px;} #content.tickets-checkout .content {background: #fff; width: 100%; max-width: 600px; margin: 0 auto; padding: 20px; border-radius: 5px; border: 2px solid #103461;}