
/* GLOBAL */
/* CUSTOM GLOBAL CSS */

/* STUFF THAT SHOULD NOT NEED TO BE CHANGED  ====================================================================================== */

/* ============ Dynamic Paddings and Margins ============ */
@media (min-width: 1px){
#savecontent{padding-top:20px; padding-bottom: 20px;}.margin-bottom{margin-bottom: 20px;}.margin-top{margin-top: 20px;}.negative-top-margin, .flush-with-nav{margin-top:-20px}
.negative-bottom-margin{margin-bottom:-20px}.margin-top-bottom{margin-top: 20px; margin-bottom: 20px;}.padding-top{padding-top:20px;}.padding-bottom{padding-bottom:20px;}
.padding-top-bottom, footer{padding-top: 20px; padding-bottom: 20px;}}
@media (min-width: 440px){
#savecontent{padding-top:25px; padding-bottom: 25px;}.margin-bottom{margin-bottom: 25px;}.margin-top{margin-top: 25px;}.negative-top-margin, .flush-with-nav{margin-top:-25px}
.negative-bottom-margin{margin-bottom:-25px}.margin-top-bottom{margin-top: 25px; margin-bottom: 25px;}.padding-top{padding-top:25px;}.padding-bottom{padding-bottom:25px;}
.padding-top-bottom, footer{padding-top: 25px; padding-bottom: 25px;}}
@media (min-width: 768px){
#savecontent{padding-top:30px; padding-bottom: 30px;}.margin-bottom{margin-bottom: 30px;}.margin-top{margin-top: 30px;}.negative-top-margin, .flush-with-nav{margin-top:-30px}
.negative-bottom-margin{margin-bottom:-30px}.margin-top-bottom{margin-top: 30px; margin-bottom: 30px;}.padding-top{padding-top:30px;}.padding-bottom{padding-bottom:30px;}
.padding-top-bottom, footer{padding-top: 30px; padding-bottom: 30px;}}
@media (min-width: 992px){
#savecontent{padding-top:35px; padding-bottom: 35px;}.margin-bottom{margin-bottom: 35px;}.margin-top{margin-top: 35px;}.negative-top-margin, .flush-with-nav{margin-top:-35px}
.negative-bottom-margin{margin-bottom:-35px}.margin-top-bottom{margin-top: 35px; margin-bottom: 35px;}.padding-top{padding-top:35px;}.padding-bottom{padding-bottom:35px;}
.padding-top-bottom, footer{padding-top: 35px; padding-bottom: 35px;}}
@media (min-width: 1200px){
#savecontent{padding-top:40px; padding-bottom: 40px;}.margin-bottom{margin-bottom: 40px;}.margin-top{margin-top: 40px;}.negative-top-margin, .flush-with-nav{margin-top:-40px}
.negative-bottom-margin{margin-bottom:-40px}.margin-top-bottom{margin-top: 40px; margin-bottom: 40px;}.padding-top{padding-top:40px;}.padding-bottom{padding-bottom:40px;}
.padding-top-bottom, footer{padding-top: 40px; padding-bottom: 40px;}}
@media (min-width: 1580px){
#savecontent{padding-top:45px; padding-bottom: 45px;}.margin-bottom{margin-bottom: 45px;}.margin-top{margin-top: 45px;}.negative-top-margin, .flush-with-nav{margin-top:-45px}
.negative-bottom-margin{margin-bottom:-45px}.margin-top-bottom{margin-top: 45px; margin-bottom: 45px;}.padding-top{padding-top:45px;}.padding-bottom{padding-bottom:45px;}
.padding-top-bottom, footer{padding-top: 45px; padding-bottom: 45px;}}

.no-margins{margin-top:0;margin-bottom:0;}.no-top-margin{margin-top:0;}.no-bottom-margin{margin-bottom:0;}
footer {margin-top: 0 !important;}


a:focus {outline: none;}
.navbar {min-height: 1px;}
.navbar-nav>li>.dropdown-menu {min-width: 100%;}
.form-horizontal .req {margin-left: -7px;}
@media (max-width: 767px){.navbar-toggle{margin-right: -5px;}.brandingdiv {margin-left: -5px;}}
@media (max-width: 767px) { .navbar-nav .open .dropdown-menu>li>a {line-height: 1.9;}}
@media (min-width: 768px) { .dropdown-menu>li>a {line-height:1;}}

@media (max-width: 767px) { #savecontent {padding-top: 20px; padding-bottom: 20px;}.flush-with-nav {margin-top: -20px;} .flush-with-footer {margin-bottom: -20px;}}
@media (min-width: 768px) { #savecontent {padding-top: 30px; padding-bottom: 30px;}.flush-with-nav {margin-top: -30px;} .flush-with-footer {margin-bottom: -30px;}}
@media (min-width: 992px) { #savecontent {padding-top: 35px; padding-bottom: 35px;}.flush-with-nav {margin-top: -35px;} .flush-with-footer {margin-bottom: -35px;}}
@media (min-width: 1200px){ #savecontent {padding-top: 40px; padding-bottom: 40px;}.flush-with-nav {margin-top: -40px;} .flush-with-footer {margin-bottom: -40px;}}

@media (max-width: 339px){.col-xxxs-12{width: 100%;}.col-xxxs-6{width:50%;}.col-xxxs-4{width:33.33333%;}.hidden-xxxs{display:none !important;}}
@media (min-width: 340px){.visible-xxxs{display:none !important;}}/* CUSTOM MEDIA QUERIES ===================================== */
@media (max-width: 459px){.col-xxs-12 {width: 100%;}.col-xxs-6 {width:50%;}.col-xxs-4 {width:33.33333%;}.hidden-xxs {display:none !important;}}
@media (min-width: 460px){.visible-xxs {display:none !important;}}/* CUSTOM MEDIA QUERIES ===================================== */

@media (max-width: 1599px){/* SPECIAL XL CUSTOM MEDIA QUERIES ===================================== */
.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:0}.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:0}.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}.hidden-xl {display:none !important;}}
@media (min-width: 1600px){.visible-xl {display:none !important;}}/* CUSTOM MEDIA QUERIES ===================================== */

@media (max-width: 399px){ /* CUSTOM IMAGE FLOATS ===================================== */
	.float-left, .float-right {width: 100%; margin-bottom: 15px;}}
@media (min-width: 400px){ /* CUSTOM IMAGE FLOATS ===================================== */
	.float-left {width: 35%; float: left; margin: 0 20px 10px 0; margin-top: 3px;}
	.float-right {width: 35%; float: right; margin: 0 0 10px 20px; margin-top: 3px;}}
@media (max-width: 767px){ /* CUSTOM IMAGE FLOATS ===================================== */
	.float-left-sm { width: 30%; margin: 0 20px 10px 0; padding-top: 3px; float: left;}
	.float-right-sm {width: 30%; margin: 0 0 10px 20px; padding-top: 3px; float: right;}}
@media (min-width: 768px){ /* CUSTOM IMAGE FLOATS ===================================== */
	.float-left-sm { width: 200px; max-width: 20%; float: left; margin: 0 20px 10px 0; padding-top: 3px;}
	.float-right-sm {width: 200px; max-width: 20%; float: right; margin: 0 0 10px 20px; padding-top: 3px;}}

footer {margin-top: 0 !important; padding-top: 30px; padding-bottom: 20px;}
footer .text-muted {display: none;} /* FOOTER STUFF ============================ */
footer label.btn {padding: 6px 8px; border: 1px solid rgba(150,150,150,.5);}

.Caption_Content a {color: white !important; text-decoration: none;}
.Caption_Content a:hover {text-decoration: underline;} /* GALLERY STUFF ============================ */
.Collage img:hover {opacity: .9; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}

.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;} /* CAROUSEL FADE EFFECT ============================ */
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}

@media (max-width: 991px){.blog .img-responsive {margin-bottom: 15px !important;}}
.blog .btn-primary {margin-top: -35px; margin-bottom: 15px;} /* BLOG STUFF ============================ */


/*  ============================================================================================================================================ */
/*  ============================================================================================================================================ */
/*  ============================================================================================================================================ */
/*  ============================================================================================================================================ */


/* STUFF TO REMOVE ONCE FIXED/ADDED IN SITE DESIGNER ====================================================================================== */


/*@media (max-width: 767px) {.navbar-nav .open .dropdown-menu {background-color: black !important;}}*/

#headerContainer a:link {color: #0078ff; text-decoration: none;} #headerContainer a:visited {color: #0078ff; text-decoration: none;}
#headerContainer a:hover {color: #0078ff; text-decoration: underline;} #headerContainer a:active {color: #0078ff; text-decoration: underline;}
#headerContainer a:focus {color: #0078ff; text-decoration: underline;}



/* GENERAL MODIFICATIONS  ====================================================================================== */

strong {font-weight: 700;}
hr {margin-top: 10px; margin-bottom: 10px; border-top: 1px dotted rgba(130,130,130,0.7);}

@media (max-width: 767px){h1.big{font-size: 32px;} h1.extrabig{font-size: 40px;}}
@media (min-width: 768px){h1.big{font-size: 43px;} h1.extrabig{font-size: 60px;}}
@media (min-width: 1200px){h1.big{font-size: 54px;} h1.extrabig{font-size: 80px;}}



/* NAVBAR MODIFICATIONS  ====================================================================================== */

@media (max-width: 767px) {
   
#headerContainer{-webkit-box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.2);}
    .navbar-toggle, .navbar-toggle:focus {background: #eee;} .navbar-default .navbar-toggle {border-color: #999;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #999;}
    .navbar-toggle:hover, .navbar-toggle:active {background: #ccc;} .navbar-default .navbar-toggle {border-color: #999;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #999;}
}

@media (min-width: 768px) {
}


/* CAROUSEL MODIFICATIONS  ====================================================================================== */

@media (max-width: 767px){
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top: 37%;}}
.carousel-control {z-index: 2; color: white !important;}
.carousel-caption {background: rgba(0,0,0,0.65); width: 100%; bottom: 0; right: 0; left: 0; padding: 20px;}
.carousel-caption h3 {color: white; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
@media (max-width: 767px){.carousel-caption h3 {font-size: 18px;}}

@media (min-width: 1px) and (max-width: 339px){.dynamicSlider .item, .sliderBG {height: 190px; width: 100%;}}
@media (min-width: 340px) and (max-width: 539px){.dynamicSlider .item, .sliderBG {height: 220px; width: 100%;}}
@media (min-width: 540px) and (max-width: 767px){.dynamicSlider .item, .sliderBG {height: 300px; width: 100%;}}
@media (min-width: 768px) and (max-width: 991px){.dynamicSlider .item, .sliderBG {height: 350px; width: 100%;}}
@media (min-width: 992px) and (max-width: 1199px){.dynamicSlider .item, .sliderBG {height: 400px; width: 100%;}}
@media (min-width: 1200px) and (max-width: 1799px){.dynamicSlider .item, .sliderBG {height: 500px; width: 100%;}}
@media (min-width: 1800px) and (max-width: 8000px){.dynamicSlider .item, .sliderBG {height: 600px; width: 100%;}}



/* MODAL MODIFICATIONS  ====================================================================================== */

.modal-content { border-radius: 6px;  border: 1px solid transparent;  color: #222;  background-color: #fff;}
.modal-header {  background-color: #222;  color: #fff;  border-bottom: 1px solid transparent;}
.modal-footer {  background-color: #222;  color: #fff;  border-top: 1px solid transparent;}
.modal-backdrop {background-color: #000000;}
@media (min-width: 768px){.modal-dialog {width:700px;}}


/* BLOG MODIFICATIONS  ====================================================================================== */

.pagination > li > a, .pagination > li > span {text-decoration: none !important; color: #0078ff !important;}
.pagination > li > a:hover {color: white !important;}
.blog-desc h5, .event-desc h5 {color: #999;}


/* CALENDAR MODIFICATIONS  ====================================================================================== */

.fc-event {border: 1px solid #444; background-color: #666; font-size: 12px; color: white !important;}
.fc-event:hover {border: 1px solid #444; background-color: #444; font-size: 12px; text-decoration: none !important;}
#eventsToDisplay h5 {font-size: 18px !important; margin-top: 10px;} #eventsToDisplay h3 {font-size: 24px !important;}
#eventsToDisplay {font-size: 15px !important;}
.event-desc .btn-primary {margin-top: 0 !important; margin-bottom: 10px !important;}


/* SOCIAL SIDEBAR & HEADER MODIFICATIONS  ====================================================================================== */

.socialiconbarmobile, .socialiconbarmobileext {background-color: #000;} 
.socialiconbarmobileext .glyphicon, .socialiconbarmobileext .glyphicon:hover {color: #999;} 
.socialiconbarmobileext div {border-left: 0px solid #fff;} 
.social {opacity: 1;} #socialiconbarmobilefix .row {margin-left: -25px;}
.socialiconbarvertical {background-color: rgba(0,0,0,0.75);}



/* ======================================================================================================================= */
/*  TEMPLATE SPECIFIC CUSTOMIZATIONS  ==================================================================================== */
/* ======================================================================================================================= */

.header-block-bg-sub {
    background: #111;
    padding-bottom: 20px; padding-top: 20px;
}

.btn {
    background-color:rgb(244, 116, 34);
    border:none;
    font-family:Oswald;
}

.btn:hover {
    background-color:rgb(252, 155, 95);
}

.caption {
    font-style: italic;
    font-size: 16px;
    text-align: center;
} 
/* PAGE SPECIFIC */

/* FOOTER */

footer { background-color: rgb(17, 17, 17); margin-top: 20px; }
