/*
Theme Name: Campion
Author: BravoKilo
Updated: 12/4/2018
*/

html { font-size: 62.5%; }
body {
  margin: 0;
  padding: 0;
  font: 1.6rem/2.4rem 'AvenirNext-Regular', Helvetica, sans-serif;
  background-color:#FFFFFF;
  color:#848484;
  overflow-x: hidden;
}


/* TEMP GRID VIEWING 
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{background-color:rgba(201, 76, 76, 0.3); border:1px solid pink;}
*/

/* GRID ADJUSTMENTS */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{padding:6px;}



.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {background:#000; border-color:#000;}


/* GLOBAL */
h1 {font-family:'Tiempos Bold'; font-size:5.0rem; line-height:5.5rem; margin-bottom:25px; color:#2C3631;}
h2 {font-family:'Tiempos Bold'; font-size:4.4rem; line-height:4.5rem; margin-bottom:50px; color:#2C3631;}
h2 .tag {font-family:'AvenirNext-Regular'; text-transform:uppercase; text-decoration:none; font-size:1.2rem; font-weight:600; display:block; color:#ccc;}
h2 a {color:#116466 !important;}
h2.small-title{font-size:35px;}
h3 {margin-bottom:20px; color:#2C3631;}
h3.labelStyle {text-transform:uppercase; font-weight:bold; font-family:"AvenirNext-Demi"; margin-top:40px;}
h4 {font-family:'AvenirNext-Demi'; text-transform:uppercase; font-size:1.6rem; line-height:2.2rem; color:#2C3631; padding-top:15px;}
a {color:#116466; text-decoration:underline;}
input, textarea, select, a { outline: none; }
a:hover {color:#2C3531; text-decoration:underline;}
p {margin-bottom:20px;}
hr {border-color:#95989A;}

.hdrlarge {font-size:15.0rem; font-family:'Tiempos Regular';}

.container-outer {width:1200px; padding:0;}
.row {width:100%; margin:0;}
.row.divider {
  border-top: 1px solid #95989A;
  padding: 30px 0;
}
.hidden {display:none;}
.noUnderline {text-decoration:none !important;}
.textOrange {color:#F28500 !important;}


.hr {display:block; height:1px; margin:20px 0; margin-bottom:40px; border-bottom:1px dashed #e3e3e3;}
.marginTop0 {margin-top:0 !important;}
.marginTop10 {margin-top:10px;}
.marginTop30 {margin-top:30px;}
.marginTop50 {margin-top:50px;}
.marginTop70 {margin-top:70px !important;}
.marginBtm40 {margin-bottom:40px;}
.marginLft30 {margin-left:30px;}
.marginLft20 {margin-left:20px;}
.marginLft5 {margin-left:5px;}
.marginRgt5 {margin-right:5px;}
.marginRgt40 {margin-right:40px;}
.marginRgt10 {margin-right:10px;}
.marginBtm0 {margin-bottom:0 !important;}
.marginBtm20 {margin-bottom:20px;}
.padding0 {padding:0 !important;}
.paddingRgt40 {padding-right:40px;}
.paddingLft30 {padding-left:30px;}
.paddingLft0 {padding-left:0px;}



label {text-transform:uppercase; font-family:'AvenirNext-Demi'; font-size:1.0rem; font-weight:bold; color:#116466; display:block; margin:0;}
label.labelLrg {font-size:1.4rem; margin-bottom:15px; letter-spacing:1px}


.caption {font-size:1.1rem; color:#999; line-height:1.2rem;}

.backtotop {display:block; margin-top:40px;}

.padding0 {padding:0;}
.paddingBottom0 {padding-bottom:0 !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.marginTop40 {margin-top:40px;}

.logo {position:absolute; top:-240px; z-index:50; max-width: 80%;}
.logo:hover {cursor:pointer;}
.photo {border:1px solid #95989A; display:block;}
.photoZoom {background:url('img/photo_btnZoom.png') top left no-repeat; display:block; width:38px; height:38px; position:relative; top:380px; left:60px;}
.photoCaption {display:inline-block; transform:rotate(-90deg); position:absolute;}
.tagline {font-family:'AvenirNext-Demi'; font-size:2.0rem; margin-bottom:20px;}
/*.hdrVert {position: absolute; transform: rotate(-90deg); top:180px; left:150px; width:180px; font-family:'AvenirNext-Demi'; font-size:2.0rem;}*/
.hdrVert {margin-top:180px; font-family:'AvenirNext-Demi'; font-size:2.0rem;}

a .hdrVert {text-decoration:none !important;}
.hdrVert .tag {display:block; font-family:'AvenirNext-Demi'; font-size:1.2rem; text-transform:uppercase; letter-spacing:2px}


/* SECTIONS - GLOBAL */
section {padding:100px 0;}
section .fullview {min-height:100vh;}
.section01 {background:#F2ECE2;}
.section01 .leadText {margin-top:50px; padding:0; padding-left:10px; line-height:2.2rem; color:#2C3631;}
.section03, .section04, .section06, .section07 {padding-top:120px; padding-bottom:120px;}
.sectionPromo {background:#F2ECE2 url('img/texture_slashes.png') top right no-repeat;; padding:50px 0;}
.sectionPhoto {background:#E1E1E1; height:540px;padding:0}
.sectionPhoto .container-outer{width:100%; max-width: 100%}
.sectionPhoto .container-outer .carousel-item{height:540px; width:100%; background-repeat: no-repeat; background-size: cover; background-position: center center}

.breadcrumb {font-size:1.2rem; text-transform:uppercase; background-color:transparent; color:#116466; margin:10px 0; padding-left:6px;}
.breadcrumb a {text-decoration:none;}

.cardBox {width:90%; margin-bottom:80px; padding:10px;}
.cardBox .card-fullwidth {width:100%;}
.cardBox .card-date, .date {display:block; text-align:right; margin-bottom:25px; font-weight:800; color:#F28500; font-size:1.2rem; letter-spacing:1px; font-family:'AvenirNext-Demi'; text-transform: uppercase}
.cardBox .card-date span, .date span {display:block; font-size:2.6rem; font-family:'AvenirNext-Regular'; color:#2C3531; margin-top:5px; font-weight:100;}
.cardBox .card-title {font-family:'Tiempos Regular'; font-size:2.7rem; margin-bottom:25px;}
.cardBox .card-title a {color: #000; text-decoration:none;}
.cardBox a.link-title {text-decoration:none;}
.cardBox a.link-title:hover {text-decoration:underline;}
.cardBox .card-text {margin-bottom:35px; line-height:2.2rem;}
.cardBox.card-gray {border:0; background:#F1F1F1; padding:20px;}
.cardBox.card-clear {border:0; background:tranparent; padding:20px;}

.accordion .card {background:transparent; border:0; border-bottom:1px solid #95989A;}
.accordion .card-header {background:transparent; border-bottom:0;}
.accordion .card-header, .accordion .card-body {padding-left:0;}
.accordion .card-body {padding-bottom:30px;}
.accordion .btn-link {color:#151515; padding-left:0; font-size:1.75rem; text-transform:initial; padding:10px 0;}
.accordion-icon:before {content: "\f0d7";}
.active .accordion-icon:before {content: "\f0d8";}

.jux-left { width:80%; margin-top:50px; margin-right:40px; }
.jux-right { margin-left:40px;}

/* PAGINATION DOTS */
.pagination-stick {position:fixed;}
.pagination-nav {top:180px; z-index:2;}
.pagination-nav > ul {list-style:none; width: 76px; padding: 30px 0 10px; text-align: center;}
.pagination-nav__li {margin-bottom: 20px;}
.pagination-nav__link {padding: 20px;}
.pagination-nav__dot {width: 20px; height: 20px; border-radius: 50%; display: inline-block;}
.pagination-nav__dot  { border:1px solid #116466; transition: background 0.25s ease;}
li.active .pagination-nav__dot, li .pagination-nav__dot:hover, li .pagination-nav__dot.active {background: #116466;}

.tooltip > .tooltip-inner {background-color: #116466; font-size:1.3rem; padding:5px 10px;}
.tooltip.left > .tooltip-arrow { border-left-color:#116466;}


/* SECTIONS - INDIVIDUAL*/
.home .section01 {background:#ccc url('img/hero_frSmith.png') top left no-repeat; background-size:cover; height:800px;}
.home .section01 h1 {color:#2c3531;}
.home .section02 {background:url('img/section_texture.png') -400px 200px no-repeat; margin-top:-100px; padding:0;}
.home footer {margin-top:0;}
.home .section08 {background:url('img/photo_church.png') top left no-repeat; background-size:cover;}
.home .navMain .navbar-nav.social a .icon {color:#F2ECE2;}
.home .leadText {padding-left:60px;}
.homepage-photo {width: 95%; height: 400px; background-size: cover; background-position: center; background-repeat: no-repeat;}


.program .section01 {background:#F2ECE2; padding-bottom:200px; padding:100px 0; }
.program .section01 .leadText {background-color:#116466; color:#F2ECE2; padding:20px; padding-left:3.7rem; position:relative; margin-top:-130px; padding-bottom:100px;}
.program .section01 .leadText h1 {font-size:3.7rem; line-height:3.9rem; color:#F2ECE2;}
.program .section01 .leadImg {width:100%; overflow:hidden;}
.program .section01 .leadImgEvents {height: 230px; border: 1px solid #95989A; background-size: cover;}
.program .section01 .leadImg  img {width:100%;}
.program .section02 {background:url('img/section_texture.png') -400px 200px no-repeat; margin-top:-200px; padding:0; padding-top:20px;}
.program .cardBox .card-text {padding-right:40px;}
.program .col-md-4 .btnHollow {margin-bottom:30px; margin-top:-15px;}

.programsevents .pageControls {padding-bottom:30px;}
.programsevents  section {padding:40px 0;}
.programsevents .sectionPromo {margin-bottom:60px;}
.programsevents .section01 {min-height:800px; padding:100px 0;}
.programsevents .section01 {background:transparent}
.programsevents .section02 {padding-top:0;}
.programsevents .moveUp {margin-top:-230px; padding:0;}
.programsevents .list-group h3 {font-family:'Tiempos Regular'; font-size:2.7rem;}
.programsevents .list-group-item {padding:30px 30px; border:0; border:1px solid rgba(0,0,0,.125);}
.writings .list-group-item {border-left:0; border-right: 0;padding: 20px 0;}
.writings .subtitleWritings { font-size:22px; }
.conference .section02 {padding:100px 0;}

.donate .section01 {min-height:640px;}

.contact .section01 {background:#fff;}

.history .section01 {background:#116466; color:#2C3531;}
.history .section01 h1 {color:#151515;}
.history .navMain .navbar-nav.social a .icon {color:#F2ECE2;}
.history .section01 a {color:#F2ECE2;}
.history .section01 .navMain li.active:before {border-color:#000;}

#section02 .col-md-7 {padding-left:10px;}


/* Staff Names Font Change */
.staff h2, .directors h2 {font-family:'Tiempos';}
.staff .section01, .directors .section01 {
  background: url('img/section_texture.png'), linear-gradient(to bottom, #f2ece2 0%,#ffffff 100%) !important;
}
.archiveDirectors .director-function {line-height:1.8rem;}



/* FOOTER */
footer {background:#116466; color:#F2ECE2; padding:40px 0; font-size:1.2rem; line-height:1.5rem; margin-top:100px;}
footer .logoFooter {margin-bottom:20px;}
footer li {margin-bottom:10px;}
footer a {color:#F2ECE2; text-decoration:none;}
footer a:hover {color:#000;}
footer h2 {font-size:3.2rem; line-height:3.5rem; font-family:'Tiempos Regular'; margin-bottom:20px;}
footer h2 .tag {font-size:.8rem;}
footer h5 {font-family:'AvenirNext-Demi';color:#F2ECE2; font-size:1.5rem; line-height:1.8rem; margin-bottom:15px;}
footer .footer-copyright {margin-top:40px; padding:0}
footer .footer-copyright a {font-size:1.5rem; display:inline-block; margin-bottom:10px;}
footer .underCard {margin-top:20px; color:#F2ECE2;}
footer .juxNeg150 {position:relative; top:-120px;}
footer .cardBox {color:#2C3531; font-size:1.2rem; line-height:1.6rem; padding:25px; margin-bottom:20px;}
footer .cardBox .btn {width:fit-content; margin-top:20px;}
footer .cardBox h3 {color:#F28500; font-size:1.5rem; margin-bottom:10px;}
footer .cardBox input {border:1px solid #ccc; margin-bottom:10px; padding:10px 15px;}
footer .cardBox input {border:1px solid #ccc; margin-bottom:10px; padding:10px 15px;}
footer .cardBox input[type=submit] {color: #fff; background: #116466; text-transform: uppercase; letter-spacing: 3px; padding: 7px 25px; }
footer .cardBox input[type=email] {width:100%;}
footer .cardBox .screen-reader-response {display:none}
.footer-copyright a {margin-right:30px;}



/* ANIMATION */
.loadUp {opacity:1; position:relative; top:40px;}
.loader {margin:30% auto; border: 4px solid #f3f3f3; border-top: 4px solid #F28500; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite;}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.swiper-anime {white-space:nowrap; overflow:hidden; -webkit-animation: typing 17s steps(30, end), blink-caret 1s step-end infinite; -moz-animation: typing 17s steps(30, end), blink-caret 1s step-end infinite;}
@keyframes typing {
  from { width: 0 }
  to { width:16.3em }
}
@keyframes blink-caret {
  from, to { border-color:transparent }
  50% { border-color:black }
}

.zoomIn {transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; animation: zoomIn .2s linear normal;}
@keyframes zoomIn {
  from {opacity:0; -webkit-transform: scale3d(.8, .8, .8); transform: scale3d(.8, .8, .8);}
  50% {opacity:1;}
}


.bgShrink {animation:shrink 1s 1 normal; animation-timing-function:ease-out; animation-fill-mode:forwards; background-size:110%;}
@keyframes shrink {
  0% { background-size: 110%; }
  99% { background-size: 100%; }
  100% { background-size: cover; }
}

.hideUntilLoaded {display:none;}
.preloadOff .hideUntilLoaded {display:block;}


/* MODAL */
.modal-lg {max-width:75% !important;}
.modal-header {padding:25px 50px; padding-top:50px; padding-bottom:0; border-bottom:0;}
.modal-body {padding:50px; padding-top:0px;}
.modal-body .modal-title {margin-bottom:20px;}
.modal-body .currency, .currency {margin-bottom:30px; display:block; font-size:3.0rem; padding-top:10px; color:#2C3631;}
.modal-title {line-height:3.8rem;}
.modal-footer {justify-content:left; border:0; padding:50px; padding-bottom:80px; padding-top:10px;}
.modal-backdrop {background-color:#fff; opacity:0.9 !important;}

.sectionMenu {position:relative; text-align:center; top:-60px; height:0;}
.sectionMenu .btn {padding:10px 20px;}

/* PROGRESS STEPS */
.stepwizard-step p {margin-top:15px; color:#666;}
.stepwizard-row {display: table-row;}
.stepwizard {display: table; width: 100%; position: relative; margin-top:30px;}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {opacity:1 !important; color:#bbb;}
.progress{top:13px; bottom: 0; position: absolute; content:" "; width:64%; left:18%; height: 4px; z-index: 0;}
.stepwizard-step {display: table-cell; text-align: center; position: relative;}
.stepwizard-step p {text-transform:uppercase;}
.stepwizard .dot {width:15px; height:15px; display:inline-block; background:#909090; border-radius:50%; border:3px solid #fff;}
.stepwizard .btn-circle {width:30px; height:30px; text-align:center; padding:6px 0; font-size:12px; border:0; line-height:1.428571429; border-radius:50%;}
.stepwizard-active .btn-default {background:#f1f9ff;}
.stepwizard-active .btn-default .dot {background:#309bf8; border-color: #f1f9ff;}
.stepwizard-active p {color:#309bf8;}

.stepwizard .progress {height:2px; background-color:#f2f2f2;}
.stepwizard .progress-bar {background:none;}



/* FLOATING NAV */
.navbar>.container {-webkit-box-pack:start; justify-content:flex-start;}
#floatMenu, #floatmenuMobile {display:none; background:rgba(255, 255, 255, 1); border:1px solid #95989A; border-right:0; border-left:0; position:fixed; top:0; left:0; padding:0; z-index:1000; width:100%;}
.floatMenu .navbar-brand img {width:170px;}
.floatMenu a {color:#2C3531; text-decoration:none;}
.floatMenu .nav-item {font-size:1.8rem; font-family:'AvenirNext-Demi';}
.floatMenu .navbar-brand {padding:25px 0; margin-right:150px;}
.floatMenu .dropdown:before, .floatMenu .dropdown:after, .floatMenu .dropdown-toggle::after {display:none;}
.floatMenu .nav-pills .nav-link {padding:70px 40px; border-bottom:6px solid transparent; text-decoration:none;}
.floatMenu .nav-pills .nav-link.active, .floatMenu .nav-pills .show>.nav-link {background:none; border-radius:0; color:#2C3531; border-bottom:6px solid #464646;}
.floatMenu .dropdown-menu p {}
.floatMenu .dropdown-menu h3 { font-family:'AvenirNext-Demi';}
.floatMenu .dropdown-menu {width:100%; position:fixed; top:168px; padding:50px 0; background:rgba(255, 255, 255, 0.9);}
.floatMenu .dropdown-menu .dropdown-item {padding:0;}
.floatMenu .dropdown-menu .dropdown-item:hover {background-color:transparent;}
.floatMenu .dropdown-menu a.dropdown-item {color:#116466; font-family:'AvenirNext-Regular';}

#map, #map2 { position:relative; top:0; bottom:0; width:165px; height:165px; margin-right:20px;}


/* NAV */
.navMain.bg-light {background:transparent !important;padding-left:0;}
.navMain li {margin-right:40px;}
.navMain li.active:before {content:''; border-top:6px solid #464646; display:block; position:absolute; top:-40px; width:40px; margin-left:6px;}
.navMain .navbar-nav .dropdown-menu {padding: 40px 20px; margin-top:-115px;}
.navMain .dropdown:before, nav .dropdown:after, nav .dropdown-toggle::after {display:none;}
.navMain .nav-link {padding:20px 10px; padding-top:0; text-decoration:none;}
.navMain .nav-item {border-bottom:6px solid transparent; font-size:1.8rem; font-family:'AvenirNext-Demi';}
.navMain .nav-item.show {background:none; color:#2C3531; border-bottom:6px solid #464646;}
.navMain .dropdown-menu p {}
.navMain .dropdown-menu h3 { font-family:'AvenirNext-Demi';}
.navMain .dropdown-menu {width:100%; position:fixed; top:168px; padding:50px 0; background:rgba(255, 255, 255, 1);}
.navMain .dropdown-menu .dropdown-item {padding:0;}
.navMain .dropdown-menu .dropdown-item:hover {background-color:transparent;}
.navMain .dropdown-menu a.dropdown-item {color:#116466; font-family:'AvenirNext-Regular'; text-decoration:none;}
.navMain .navbar-nav.social a .icon {color:#fff;}
.navMain .navbar-nav.social a:hover .icon {color:#F28500;}
.navMain .navbar-nav.social a:hover {text-decoration:none;}

/* BUTTONS */
.btn {font-family:'AvenirNext-Regular', sans-serif; font-size:1.2rem; letter-spacing:2px; text-transform:uppercase; padding:5px 15px; border-radius:0; text-decoration:none;}
.btn .icon {position:relative; top:5px; font-size:1.9rem; line-height:0;}


.btnOutline {border:1px solid #116466; background:transparent;}
.btnOutline:hover {background-color:#116466;}

.dropdown-menu {font-size:1.5rem;}

.btn-primary {background:#F28500; border:0; padding:10px 20px;}
.btn-primary:hover {background:#000;}

.btn-secondary {background:#116466;}
.btn-secondary:hover {background:#000;}

.btn-primary.disabled, .btn-primary:disabled,
.btn-secondary.disabled, .btn-secondary:disabled {background:#ccc; color:#fff; border:0;}

.btnOutline {background:#fff; color:#116466;}
.btnOutline:hover {color:#F2ECE2;}
.btnOutline.btnlrg {padding:30px 50px;}
.btnOutline .center-block {margin-bottom:20px;}

.btn.btnIconRgt {padding-right:40px;}
.btn.btnIconRgt i {position:absolute; top:7px;}

.btnHollow {font-size:1.6rem; padding-left:0; text-transform:initial; letter-spacing:0;}
.registerButtonDisabled{ pointer-events: none;  background: #666;}
.registerButtonWelcome{ pointer-events: none; border: 1px solid #116466; background: transparent; color:#116466;  }
.link-title{color: #000;}

/*  Navigation
  --------------------------------------------- */


/*	FLOATING NAV STYLES
  --------------------------------------------- */






/*  FORM STYLES
--------------------------------------------- */

.fieldWide {width:500px !important;}
input, textarea, select  {outline: none;}

/* checkboxes ======================================= 
input.checkboxLarge {visibility: hidden;}
input[type="checkbox"] {display:inline-block; width:20px; height:20px;  margin:0; vertical-align:middle; background-color:#f1f9ff; border:1px solid #82c5fb; cursor:pointer; border-radius:5px;}

input[type="checkbox"] + label span {display:inline-block; width:10px; height:10px;  margin:-1px 4px 0 -18px; vertical-align:middle; background-color:#f1f9ff; border:1px solid #82c5fb; cursor:pointer; border-radius:5px;}
input[type="checkbox"]:checked + label span {background:#000 url("img/checkbox-check.png") left top no-repeat; background-size:80%; background-position:2px 2px;}
input[type=checkbox] + label {color: #747474;} 
input[type=checkbox]:checked + label {color: #000;} 
.muted {color: #ccc;} 
*/

input[type="checkbox"],
input[type="radio"] {display:none;}
input[type="checkbox"]:hover + label,
input[type="radio"]:hover + label {cursor:pointer;}
input[type="checkbox"] + label span,
input[type="radio"] + label span {display:inline-block; background:#F1F9FF; border:1px solid #7FC4FD !important; color:#fff; padding:10px; border-radius:4px; width:20px; height:20px; text-align:center; border:0; font-size:1.2rem; line-height:1.7rem;}
input[type="checkbox"]:checked + label span,
input[type="radio"]:checked + label span{background:#4A90E2 url("img/icon_check.png") center center no-repeat; color:#fff;}
input[type="radio"]:checked + label span{background:#4A90E2 url("img/icon_check.png") center center no-repeat; color:#fff;}
.checkboxContainer label {display:inline; position: relative; top: 4px; margin-right: 5px;}



.group {position:relative; margin-bottom:30px; white-space:nowrap; }
input[type=text], input[type=password],input[type=email], textarea, select {font-size:14px; font-weight:bold; padding:10px 10px 0 5px; padding-left:0; display:block; width:100%; color:#454545; background:transparent !important; border:none; border-bottom:1px solid #ccc !important;}
input[type=text]:focus, input[type=password]:focus {outline:none;}
input[type="text"]::-webkit-input-placeholder {font-weight:lighter; color:#ccc;}
input::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#ccc;
  opacity: 1; /* Firefox */
  font-weight: 300;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

.has-error input {border-bottom:1px solid #dc3545!important;}
.has-error input::-webkit-input-placeholder {color:#000!important;;}

select {background: transparent; font-size:14px; color:#000; font-weight:lighter; border:0; border-radius:0; -webkit-appearance:none;}
option disabled {color:#ccc; font-weight:lighter; }

.dropdown:before {content: ""; position: absolute; right: 10px; top: 18px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #116466;}
.dropdown:after {content: ""; position: absolute; right: 10px; top: 16px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #fff;}
.dropdown.btnOutline select {border:0 !important; padding-left:10px; padding-bottom:6px; color:#116466;}
.dropdown.btnOutline select:hover {color:#F2ECE2;}

.checkboxContainer {display:inline-block; margin-right:10px;}


/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color:#f1f9ff;
  border:1px solid #82c5fb;
  border-radius:5px;
}



input.error, select.error, textarea.error {border:1px solid #d2d2d2 !important;}

textarea {font-size:18px; height:50px; padding:10px 10px 10px 5px; display:block; width:100%;  min-width:300px;  color:#454545; background:transparent !important; border:none; border-bottom:0;}
textarea:focus {outline:none;}

/* LABEL ======================================= */
label.textInput {color:#c3c3c1; font-size:18px; font-weight:normal; position:absolute; pointer-events:none; left:5px; top:10px; transition:0.2s ease all; -moz-transition:0.2s ease all;  -webkit-transition:0.2s ease all;}
label .description {font-size:1.5rem; margin-left:10px; color:#ccc;}
label.static {font-weight:normal; position:absolute; top:-20px; font-size:14px; color:#999;}
.readonly {margin-top:40px; }
.readonly label.textInput {left:0; color:#575757;}
.readonly .textInput {white-space: pre-wrap; width:100%; position: static; /*padding-bottom:25px; border-bottom: 1px solid #95989A;*/}
.readonly .bar {background:#95989A; display:block; display:none; height:1px; top:45px;}

/* active state */
input[type=text]:focus ~ label, input[type=text]:valid ~ label,
input[type=password]:focus ~ label, input[type=password]:valid ~ label  {top:-20px; font-size:14px; color:#2cc6dd;}
textarea:focus ~ label, textarea:valid ~ label {top:-20px; font-size:14px; color:#2cc6dd;}

/* BOTTOM BARS ================================= */
.bar    {position:relative; display:block; width:100%;/* width:300px; */ }
.bar:before, .bar:after {content:''; height:2px; width:0; bottom:1px; position:absolute; background:#2cc6dd; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.bar:before {left:50%;}
.bar:after {right:50%;}

/* active state */
input[type=text]:focus ~ .bar:before, input[type=text]:focus ~ .bar:after,
input[type=password]:focus ~ .bar:before, input[type=password]:focus ~ .bar:after {width:50%;}
textarea:focus ~ .bar:before, input[type=text]:focus ~ .bar:after, input[type=password]:focus ~ .bar:after {width:50%;}


/* HIGHLIGHTER ================================== */
.highlight {position:absolute; height:60%; width:100px; top:25%; left:0; pointer-events:none; opacity:0.5;}

/* active state */
input[type=text]:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;}
textarea:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;}



/* FORM ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from { background:#b2a058; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#b2a058; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#b2a058; }
  to    { width:0; background:transparent; }
}


/* error/success messages  */
#error, .error-messages {display:none; width:100%; background: #ce1552; color:#FFF; padding:25px; margin-bottom: 25px;}
.error-messages li {list-style:none;}
#success {display:none; width:100%; background: #2cc6dd; color:#FFF; padding:25px; margin-bottom: 25px;}
.verification img {position:relative; top:15px;}



/* Touch Form */
.touchForm input[type="checkbox"],
.touchForm input[type="radio"] {display:none;}
.touchForm input[type="checkbox"]:hover + label,
.touchForm input[type="radio"]:hover + label {cursor:pointer;}
.touchForm input[type="checkbox"] + label span,
.touchForm input[type="radio"] + label span {color:#0e3843; display:inline-block; font-size:1.4rem; background:transparent; border-radius:35px; padding:15px 25px; margin:2px; height:auto; width:auto; text-align:center; border:2px solid #94cedd; line-height:1.7rem;}

.touchForm input[type="checkbox"] + label span .status,
.touchForm input[type="radio"] + label span .status {background:#8a8a8a;}
.touchForm input[type="checkbox"]:checked + label span .status-yellow,
.touchForm input[type="radio"]:checked + label span .status-yellow {background:#f5ba3d;}
.touchForm input[type="checkbox"]:checked + label span .status-green,
.touchForm input[type="radio"]:checked + label span .status-green {background:#70b879;}
.touchForm input[type="checkbox"]:checked + label span .status-red,
.touchForm input[type="radio"]:checked + label span .status-red {background:#e8394a;}

.touchForm input[type="checkbox"] + label span:hover, .touchForm input[type="radio"] + label span:hover {color:#fff; background:#0e3843; border-color:#0e3843;}

.touchForm input[type="checkbox"]:checked + label span,
.touchForm input[type="radio"]:checked + label span {background:#0e3843; color:#fff; border:1px solid #0e3843;}
.touchForm .scrollable {white-space:nowrap; overflow:auto; padding-bottom:10px;}
.touchForm .right-arrow, #search .left-arrow {z-index:9000; position:absolute; margin:25px 0 20px 0; font-size:2rem; color:#53BCFE; text-shadow:none; padding:15px 0;  width:40px;}
.touchForm .right-arrow {right:0; padding-right:0; text-align:right;}
.touchForm .left-arrow {left:0;}
.touchForm .right-arrow:hover, #search .left-arrow:hover {text-decoration:none; opacity:1;}
.touchForm .paglist {position:relative; width:100%; overflow:scroll; margin-top:20px; white-space:nowrap; padding-bottom:15px;}
.touchForm .customDate {position:absolute; top:26px; z-index:8000; background:#fff; border:3px solid #00b0f9; color:#00b0f9; padding:15px 15px; text-align:center; width:280px; display:none;}
.touchForm .customDate span {font-size:1.2rem; line-height:1.7rem; position:relative; left:4px; top:15px;}
.touchForm .customDate input {color:#000; margin-bottom:4px}
.touchForm .fullwidth input, .fullwidth span, .fullwidth label {width:100% !important;}




/* search input */
.btnOutline input.input-search{
  position: absolute;
  top: 6px;
  background: white !important;
  height: 41px;
  right: 100px;
  width: 0;
  padding: 0;
  border:0;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  z-index: 9;
}
.search-button-writings input.input-search{
  right:60px;
}
.btnOutline input.input-search:focus{
  width:280px;
  border:1px solid #116465 !important;
  padding-left:15px;
}
.btnOutline input.input-search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #116465;
  opacity: 1; /* Firefox */
}

.btnOutline input.input-search:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #116465;
}

.btnOutline input.input-search:-ms-input-placeholder { /* Microsoft Edge */
  color: #116465;
}

/* programs categories dropdown */
#programs-select{
  min-width: 140px;
  width: fit-content;
  padding-right:30px;
}
#programs-select option{
  display:table;
}

/* archive directors */
.leadText100{
  padding-left:10px !important;
}
.directors-categories li{
  display: inline-block;
}
.directors-categories li a{
  text-decoration: none;
  border: 1px solid #236b6c;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 10px;
}
.directors-categories li a:hover,.directors-categories li a:focus,.directors-categories li a:active{
  background-color:#236b6c;
  color:#fff;
}
.selected-category-pill{
  background-color:#236b6c;
  color:#fff;
}
.photoContainer {}
.img-director{
  height: 300px;
  border: 1px solid #ccc;
  background-size: cover;
  background-position: top center;
  background-color:#fff;
  min-height: 350px;
}
.img-director-single{
  width: 200px;
  float: left;
  margin: 0 30px 20px -50px;
}
.director-block{
  padding:35px;
}
.directors-row{
  margin:0 -35px;
}
.section01directors{
  padding-bottom:200px;
}
.section02directors{
  padding-top: 0;
  margin-top: -180px;
}
.director-name{
  font-family: 'Tiempos Regular';
  margin: 10px 0 5px 0;
  font-size: 18px;
  line-height: 1.3;
}
.section01directorssingle{
  padding-bottom:250px;
}
.section02singledirector{
  margin-top:-350px;
}
.container-general-template{
  padding-top:0;
  padding-bottom: 120px;
}


/* Wordpress image editor style */
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.aligncenter{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}
.campion-thumbnail{
  background-size: cover;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center center;
}
.carousel-control-prev, .carousel-control-next{
  margin-top:0 !important;
}
.carousel-control-prev-icon{
  background-image:url('img/arrow_left@2x.png');
  width:50px;
  height:50px;
}
.carousel-control-next-icon{
  background-image:url('img/arrow_right@2x.png');
  width:50px;
  height:50px;
}
.green-icon a .icon{
  color:#136366 !important;
}
.donation-box{
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 1.3;
  border-radius: 4px;
  height: fit-content;
}

/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
.donate-amount input[type=radio] {
  display:none;
  margin:10px;
}

/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
.donate-amount input[type=radio] + label {
  display:inline-block;
  border: 1px solid #309bf8;
  margin-right: 50px;
  padding: 10px 30px;
  color: #309bf8;
  font-size: 14px;
  font-weight: normal;
  width:100%;
  text-align: center;
  box-sizing: border-box;  /* IE Fix */
}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
.donate-amount input[type=radio]:checked + label {
  background-image: none;
  color: #fff;
  background: #309bf9;
}
.donate-amount{
  margin-left:-10px;
  margin-right: -10px;
}
.donate-amount .donate-radio{
  padding: 0 15px;
  margin-bottom: 30px;
  flex:none; /* IE Fix */
  width:auto; /* IE Fix */
}
.donate-other{
  border: 1px solid #309bf8;
  height:44px;
}
.donate-other label{
  color: #309bf8;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  float: left;
  margin-right: 10px;
  text-transform: none;
  padding:10px;
}
.donate-other input{
  width: calc(100% - 85px);
  padding:10px 10px 0 10px;
  border:0;
  border-bottom: 1px solid #bce0fe !important;
}
.donate-other input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bce0fe;
  opacity: 1; /* Firefox */
}

.donate-other input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bce0fe;
}

.donate-other input:-ms-input-placeholder { /* Microsoft Edge */
  color: #bce0fe;
}
.donation-confirm-label p{
  font-size: 30px;
  font-weight: bold;
  margin-top: 10px;
}
#donationModal .modal-dialog, #registrationModal .modal-dialog{
  max-width:800px !important;
}

/* Lightbox custom arrows */
#lightbox .lb-next{
  display: block !important;
  opacity: 0.7;
  background: url(img/arrow_right.png) right 48% no-repeat;
  right: 0;
  float: right;
  margin-right: -100px;
}
#lightbox .lb-next:hover{
  opacity:1;
}
#lightbox .lb-prev{
  display: block !important;
  opacity: 0.7;
  background: url(img/arrow_left.png) left 48% no-repeat;
  left: 0;
  float: left;
  margin-left: -100px;
}
#lightbox .lb-prev:hover{
  opacity:1;
}
.lightbox .lb-image{
  border:0 !important;
  border-radius:0;
}

.campion-pictures-section .img-thumbnail{
  border:0;
  border-radius:0;
}

/* Homepage carousel */
.home-carousel .carousel-fade .carousel-item {
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity .75s ease-in-out;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-carousel .carousel-fade .carousel-item.active {
  opacity: 1;
}

.home-carousel .carousel,
.home-carousel .carousel-inner,
.home-carousel .carousel-item {
  width: 100%;
  height:800px;
}

.home-carousel .carousel {
  position: absolute;
  top: 0;
  left: 0;
}
.question-number{
  border: 2px solid #000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  padding: 3px 0;
  text-align: center;
  font-weight: bolder;
  margin-left: -15px;
  margin-right: 10px;
  margin-top:-10px;
}


.dropdown select option{
  color: #000;
  font-weight: 900;
}

.dropdown select option:first-child{
  color: #ccc;
  font-weight: 300;
}

.disabled-wizard{
  pointer-events: none;
}

#contactFormPage textarea{
  font-size: 14px;
  padding: 10px 10px 0 5px;
  padding-left: 0;
}
#contactFormPage textarea::placeholder{
  color:#ccc;
}
#contactFormPage input[type=checkbox]{
  display: inline;
  margin-right:15px;
}
#contactFormPage input[type=submit]{
  background: #f28500;
  color: #fff;
  border: 0;
  padding: 7px 30px;
  font-size: 13px;
  letter-spacing: 2px;
}
#contactFormPage .screen-reader-response{
  display:none;
}

/**
/* Validation 
*/

.required-notice {
  text-transform: uppercase;
  font-family: 'AvenirNext-Demi';
  font-size: 1.0rem;
  font-weight: bold;
  color: #116466;
  display: block;
  margin: 0;
  margin-top: 20px;
  margin-bottom: -15px;
  margin-left: 5px;
}

label.required:after,
.required-notice:after {
  color: #F28502;
  content: "\25C6";
  padding-left: 5px;
  font-size: 12px;
}

.group.error label,
.group.error label.required:after
{
  color: #DC3545;
}

.group.error input,
.group.error select
{
  color: #DC3545;
  border-bottom: 1px solid #DC3545 !important;
}

.group.error .dropdown:before{
  border-top-color: #DC3545;
}

.group.error input::placeholder,
.group.error select > option
{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #DC3545;
}

/*a {color:#116466; text-decoration:underline;}*/
/*.breadcrumb a {text-decoration:none;}*/
/*.cardBox a.link-title {text-decoration:none;}*/
/*.cardBox a.link-title:hover {text-decoration:underline;}*/
/*.cardBox .card-title a {color: #000; text-decoration:none;}*/
/*.cardBox .card-title a:hover {text-decoration:underline;}*/
/*.floatMenu .nav-pills .nav-link {padding:70px 40px; border-bottom:6px solid transparent; text-decoration:none;}*/
/*.navMain .nav-link {padding:20px 10px; padding-top:0; text-decoration:none;}*/
/*.btn {font-family:'AvenirNext-Regular', sans-serif; font-size:1.2rem; letter-spacing:2px; text-transform:uppercase; padding:5px 15px; border-radius:0; text-decoration:none;}*/







/* Large devices (desktops, less than 1200px) ----------- */
@media (max-width: 1199.98px) {

  .hdrVert {left: 40px;}

  .floatMenu .navbar-brand {margin-right: 50px;}
  
}


/* Medium devices (tablets, less than 992px) ----------- */
@media (max-width: 991.98px) {
  *, *:before, *:after {animation: none !important;}

  .section01 .leadText {background-color:rgba(255, 255, 255, 0.9); border: 1px solid rgba(0,0,0,.125); color:#2C3631; padding:15px;}
  .hdrVert {left:0;}

  .home .section02 {margin-top:-30px;}

  .floatMenu .nav-pills .nav-link {padding: 70px 15px;}
  .floatMenu .navbar-brand {margin-right: 40px;}

  .director-block {padding:0; margin-bottom:35px;}

}



/* Extra small devices (portrait phones, less than 576px) ----------- */
@media (max-width: 576px) {


  .breadcrumb {display:none;}
  .checkboxContainer {white-space:normal}

  .programsevents .moveUp {margin-top:0;}

  .directors-categories li {margin:10px;}

  .navbar>.container {justify-content:space-between;}

  .floatMenu .navbar-brand {margin:0; margin-left:auto;}
  .floatMenu .nav-pills .nav-link {display:none;}
  .floatMenu .navbar-brand img {height:50px;}

  .mobileFloatNav ul {margin-bottom:40px;}
  .mobileFloatNav li {padding:20px 0;}

  .navMain .navbar-nav {margin-top:50px;}
  .navMain .closeNavMain {position:fixed; right:50px; z-index:9999;}
  .navMain .nav-link, .navMain .closeNavMain i {color:#212529 !important;}
  .navMain .collapse.show {background-color:#fff; color:#212529; width: 100vh; height: 100vh; left: 0; top: 0; position: fixed; z-index: 9999999; padding: 40px;}
  .navMain .navbar-brand img {max-height:360px; position:absolute; margin-left:0; top:-150px;}
  .navMain .navbar-brand {z-index:999;}

  .home .navMain .navbar-toggler {color:#F2ECE2; font-size:2rem; border:1px solid #F2ECE2;}
  .home-carousel .carousel-fade .carousel-item {background-position-x:-300px; background-position-y:-190px;}

  .program .section01 .leadText {margin:6px; margin-top:-20px;}
  .program .section01 .leadImgEvents {margin-top:200px;}
  .program .section01 .cardBox .card-date, .date {position:absolute; z-index:1; right:40px;}
  .program .section01 .cardBox .card-date, .date span {color:#fff;}

  .moveRgtMobile {position:relative; left:40px;}

  .navMain .navbar-nav .dropdown-menu {width:100%; height:100%; top:110px; padding-top:100px;}
  .navMain .dropdown-menu .dropdown-item {margin:8px 0;}
  #map, #map2 {width:100% !important; margin-bottom:20px;}

  .container {width:100%; padding:0 15px;}
  .section03, .section04, .section06, .section07 {padding-top:50px; padding-bottom:50px;}
  .marginTopMobile {padding-top:100px; padding-bottom:100px;}

  .logo {top:-524px; display:none;}
  .home .section01 {padding-top:20px; margin-bottom:60px; background-position:-300px -130px;}
  .home .section02 {margin-top:130px;}
  .donate .section01 {min-height:auto;}
  .contact .section01 .leadText {margin-top:0; margin-bottom:20px;}

  .director-block {padding:35px;}
  .img-director-single {margin:0 !important; float:none !important; margin-top:200px !important;}

  *, *:before, *:after {animation: none !important;}

  #section01.section02 {margin-top:0; padding-top:30px;}
  .section01 .leadText {margin-top:210px; margin:390px 5px 0 5px; background-color:rgba(255, 255, 255, 0.9); border: 1px solid rgba(0,0,0,.125); color:#2C3631; padding:15px;}
  .section01 .leadText .btn {margin-bottom:10px; color:#fff;}
  .section01 .leadText h1{}

  .section01 {padding-top:20px !important;}
  .section02 {margin-top:-30px;}

  .sectionPhoto .container-outer .carousel-item:nth-child(2) {background-position-x:-970px;}

  .archiveDirectors .section01 .leadText {margin-top:180px;}

  .cardBox {width:100%; position:static !important;}
  .jux-left {margin-left:0; width:100% !important;}
  .jux-right {margin-right:0; width:100% !important; float:none;}

  footer .row {text-align:left;}
  footer .logoFooter {width:90%;}
  footer h5 {margin-top:10px;}
  footer .backtotop {margin-bottom:20px;}
  footer .juxNeg150 {position:static; top:0;}


}

/* Small devices (landscape phones, less than 768px) ----------- */
@media (max-width: 768px) {

  .floatMenu .navbar-brand {margin:0;}
  .floatMenu button {margin:0; margin-left:auto;}
  .floatMenu .nav-pills .nav-link {display:none;}
  .floatMenu .navbar-brand img {width:140px; height:50px;}

  .hdrVert {position:static; transform:none; color:#2C3531;}

  .section01 .leadText {margin-top:210px; margin:390px 5px 0 5px; background-color:rgba(255, 255, 255, 0.9); border: 1px solid rgba(0,0,0,.125); color:#2C3631; padding:15px;}
  .home .section02 {margin-top:190px;}

  .logo {top:-100px;}

}