/* GLOBAL */
/* ============ XL Media Queries ============ */
@media (min-width: 1580px) {
.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;}
    .visible-xl {display: block !important;}table.visible-xl {display: table;}tr.visible-xl {display: table-row !important;}th.visible-xl, td.visible-xl {display: table-cell !important;}.hidden-xl {display: none !important;}}
    @media (max-width: 1579px){.visible-xl {display: none !important;}}


/* ============ XXS Media Queries ============ */
@media (max-width: 439px) {
.col-xxs-12 {width: 100%;}.col-xxs-11 {width: 91.66666667%;}.col-xxs-10 {width: 83.33333333%;}.col-xxs-9 {width: 75%;}.col-xxs-8 {width: 66.66666667%;}.col-xxs-7 {width: 58.33333333%;}.col-xxs-6 {width: 50%;}.col-xxs-5 {width: 41.66666667%;}.col-xxs-4 {width: 33.33333333%;}.col-xxs-3 {width: 25%;}.col-xxs-2 {width: 16.66666667%;}.col-xxs-1 {width: 8.33333333%;}.col-xxs-pull-12 {right: 100%;}.col-xxs-pull-11 {right: 91.66666667%;}.col-xxs-pull-10 {right: 83.33333333%;}.col-xxs-pull-9 {right: 75%;}.col-xxs-pull-8 {right: 66.66666667%;}.col-xxs-pull-7 {right: 58.33333333%;}.col-xxs-pull-6 {right: 50%;}.col-xxs-pull-5 {right: 41.66666667%;}.col-xxs-pull-4 {right: 33.33333333%;}.col-xxs-pull-3 {right: 25%;}.col-xxs-pull-2 {right: 16.66666667%;}.col-xxs-pull-1 {right: 8.33333333%;}.col-xxs-pull-0 {right: 0;}.col-xxs-push-12 {left: 100%;}.col-xxs-push-11 {left: 91.66666667%;}.col-xxs-push-10 {left: 83.33333333%;}.col-xxs-push-9 {left: 75%;}.col-xxs-push-8 {left: 66.66666667%;}.col-xxs-push-7 {left: 58.33333333%;}.col-xxs-push-6 {left: 50%;}.col-xxs-push-5 {left: 41.66666667%;}.col-xxs-push-4 {left: 33.33333333%;}.col-xxs-push-3 {left: 25%;}.col-xxs-push-2 {left: 16.66666667%;}.col-xxs-push-1 {left: 8.33333333%;}.col-xxs-push-0 {left: 0;}.col-xxs-offset-12 {margin-left: 100%;}.col-xxs-offset-11 {margin-left: 91.66666667%;}.col-xxs-offset-10 {margin-left: 83.33333333%;}.col-xxs-offset-9 {margin-left: 75%;}.col-xxs-offset-8 {margin-left: 66.66666667%;}.col-xxs-offset-7 {margin-left: 58.33333333%;}.col-xxs-offset-6 {margin-left: 50%;}.col-xxs-offset-5 {margin-left: 41.66666667%;}.col-xxs-offset-4 {margin-left: 33.33333333%;}.col-xxs-offset-3 {margin-left: 25%;}.col-xxs-offset-2 {margin-left: 16.66666667%;}.col-xxs-offset-1 {margin-left: 8.33333333%;}.col-xxs-offset-0 {margin-left: 0;}
    .visible-xxs {display: block !important;}table.visible-xxs {display: table;}tr.visible-xxs {display: table-row !important;}th.visible-xxs, td.visible-xxs {display: table-cell !important;}.hidden-xxs {display: none !important;}}
    @media (min-width: 440px){.visible-xxs {display: none !important;}}


/* ============ 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;}


/* ============ Quick Styles and Effects ============ */
.dark-text, .dark-text p, .dark-text ul, .dark-text li, .dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4, .dark-text h5, .dark-text h6 {color: #111;}
.light-text, .light-text p, .light-text ul, .light-text li, .light-text h1, .light-text h2, .light-text h3, .light-text h4, .light-text h5, .light-text h6  {color: #fff;}

.text-shadow {text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}.quick-border {border: 1px solid rgba(150,150,150,0.6);}
.drop-shadow {-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);}
.bigtext {font-size: 115%;} .smalltext {font-size: 75%;}

@media (min-width: 1px){.float-left, .float-right{width: 100%;margin-bottom:15px;}}
@media (min-width: 440px){.float-left{width: 35%;float:left;margin:3px 20px 10px 0;} .float-right{width: 35%;float:right;margin:3px 0 10px 20px;}}


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


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

/*@media (min-width: 768px){*/
    /*.blog-detail-page #headerContainer {background: rgba(0,0,0,0.95) !important;} .blog-detail-page .blog-desc {margin-top: 130px;}}*/
/*@media (max-width: 767px){.blog-detail-page .blog-desc {margin-top: 60px;}}*/

.blog-item-content {max-height: 3000px}

/* ============ 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;}


/* ============ Modal Modifications ============ */
.modal-content { border-radius: 6px;  border: 1px solid transparent;  color: #222;  background-color: #fff;}
.modal-header {  background-color: white;  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;}}
.modal {top: 20%;}
.modal form {max-width: 600px; margin: auto}

/* ACCORDION PANEL MODIFICATIONS  ====================================================================================== */
.panel-heading {padding: 0;} .panel-title a {display: block; padding: 10px; text-decoration: none !important; color: black !important;}
@media (min-width: 768px){.panel-title {font-size: 20px;}}
.panel-heading:hover, .panel-heading:active, .panel-heading:focus {background-color: #e5e5e5;}


/* ============ Social Sidebar and Mobile Header Modifications ============ */
.socialiconbarmobile, .socialiconbarmobileext {background-color: #000;} 
.socialiconbarmobileext .glyphicon, .socialiconbarmobileext .glyphicon:hover {color: #999; top: 0 !important;} 
.socialiconbarmobileext div {border-left: 0px solid #fff;} 
.social {opacity: 1;} #socialiconbarmobilefix .row {margin-left: -25px;}
.socialiconbarvertical {background-color: rgba(0,0,0,0.85);}
@media(min-width: 768px){
    .social:before{font-size: 24px;}.socialiconbarvertical li a {height: 26px;} .socialiconbarvertical {width: 33px; top: 30% !important;}.socialiconbar-left {padding: 5px 5px 5px 0;}}
@media (max-width: 767px){
    /*#headerContainer {margin-top: -14px;}*/
    .socialiconbarmobile li a {width: 26px;}
    .socialiconbarmobile .social:before {font-size: 22px !important;}
    .socialiconbarmobilefix, .socialiconbarmobile, .socialiconbarmobileext {height: 32px;}
    .socialiconbarmobileext div a span {padding: 0; margin: 0;}
    .socialiconbarmobileext .glyphicon-phone-alt:before {font-size: 22px;} .socialiconbarmobileext .glyphicon-map-marker:before {font-size: 20px; top:0;}
    .socialiconbarmobileext .col-xs-6 {width: auto; float: right; padding-left: 6px; padding-right: 6px;}}


/* ============ The Better Way to Size Containers ============ */
@media (min-width: 768px) {
    #savecontent .container-fluid {padding-left: 50px; padding-right: 50px;}
    footer .container-fluid {padding-left: 50px; padding-right: 50px;}}
@media (max-width: 767px) {
    #savecontent .container-fluid .container, #savecontent .container .container {width: 100%;}
    footer .container-fluid .container, footer .container .container {width: 100%;}}
@media (min-width: 768px) {
    #savecontent .container {width: 670px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 640px;}
    footer .container {width: 670px;} footer .container-fluid .container, footer .container .container {width: 640px;} .inner-header.container {width: 750px;}}
@media (min-width: 992px) {
    #savecontent .container {width: 890px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 860px;}
    footer .container {width: 890px;} footer .container-fluid .container, footer .container .container {width: 860px;} .inner-header.container {width: 970px;}}
@media (min-width: 1200px) {
    #savecontent .container {width: 1090px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 1060px;}
    footer .container {width: 1090px;} footer .container-fluid .container, footer .container .container {width: 1060px;} .inner-header.container {width: 1170px;}}
@media (min-width: 1580px) {
    #savecontent .container {width: 1430px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 1400px;}
    footer .container {width: 1430px;} footer .container-fluid .container, footer .container .container {width: 1400px;}
    #headerContainer .container, #navContainer .container {width: 1430px;}}


/* ============ Navbar Modifications ============ */
#navContainer .open {background: rgba(255,255,255,0.1);}

@media (min-width: 768px){
    .navbar-right .dropdown-menu {left: 0;right: auto;} .navbar-right .dropdown-submenu .dropdown-menu {left: 99%; right: auto;}
    /*#navContainer {margin-top: -54px;} */
    #navContainer {margin-top: 0}
    .navbar-nav.navbar-right:last-child {margin-right: 0;} #headerContainer {border-bottom: 1px solid rgba(255,255,255,0)}
    #navContainer {padding-right: 15px !important;}
}


/* ============ Faded Carousel and Page Headings ============ */

@media (min-width: 1px) {.faded-hero-slider .item, .faded-hero-slider .carousel-inner, .faded-hero-slider .table-wrapper {height: 250px;}
.custom-caption h1 {width: 70%;}  .white-fade {height: 85px;} .white-fade-inverse {height: 250px;} .black-fade {height: 0; top: 0;} .carousel-inner.home-carousel {margin-top: -30px;}}
@media (min-width: 400px) {.faded-hero-slider .item, .faded-hero-slider .carousel-inner, .faded-hero-slider .table-wrapper {height: 300px;} 
.custom-caption h1 {width: 70%;} .white-fade {height: 125px;} .white-fade-inverse {height: 250px;} .black-fade {height: 0; top: 0;} .carousel-inner.home-carousel {margin-top: -30px;}}
@media (min-width: 600px) {.faded-hero-slider .item, .faded-hero-slider .carousel-inner, .faded-hero-slider .table-wrapper {height: 350px;} 
.custom-caption h1{width: 70%;} .white-fade {height: 150px;} .white-fade-inverse {height: 250px;} .black-fade {height: 0; top: 0;} .carousel-inner.home-carousel {margin-top: -30px;}}
@media (min-width: 768px) {.faded-hero-slider .item, .faded-hero-slider .carousel-inner, .faded-hero-slider .table-wrapper {height: 450px;} 
.custom-caption h1 {width: 70%;} .white-fade {height: 175px;} .white-fade-inverse {height: 250px;} .black-fade {height: 100px; top: 10px;} .carousel-inner.home-carousel {margin-top: -10px;}}
@media (min-width: 992px) {.faded-hero-slider .item, .faded-hero-slider .carousel-inner, .faded-hero-slider .table-wrapper {height: 550px;} 
.custom-caption h1 {width: 65%;} .white-fade {height: 200px;} .white-fade-inverse {height: 250px;} .black-fade {height: 100px; top: 40px;} .carousel-inner.home-carousel {margin-top: -40px;}}
@media (min-width: 1200px) {.faded-hero-slider .item, .faded-hero-slider .carousel-inner, .faded-hero-slider .table-wrapper {height: 600px;} 
.custom-caption h1 {width: 60%;} .white-fade {height: 225px;} .white-fade-inverse {height: 250px;} .black-fade {height: 125px; top: 45px;} .carousel-inner.home-carousel {margin-top: -45px;}}
@media (min-width: 1600px) {.faded-hero-slider .item, .faded-hero-slider .carousel-inner, .faded-hero-slider .table-wrapper {height: 650px;} 
.custom-caption h1 {width: 55%;} .white-fade {height: 250px;} .white-fade-inverse {height: 250px;} .black-fade {height: 150px; top: 55px;} .carousel-inner.home-carousel {margin-top: -55px;}}

@media screen and (min-width: 768px){
.faded-hero-slider .carousel-control .glyphicon-chevron-left, .faded-hero-slider .carousel-control .glyphicon-chevron-right, .faded-hero-slider .carousel-control .icon-prev, .faded-hero-slider .carousel-control .icon-next {
    width: 50px; height: 50px; margin-top: -25px; font-size: 50px;}} 
 
.faded-hero-slider .carousel-control {z-index: 2; color: white !important;}

@media screen and (min-width: 768px){.sub-header h1 {margin-top: 60px;}}
@media screen and (max-width: 767px){.sub-header h1 {margin-top: -25px;}}

.sub-header h1.big {    text-shadow: 0 0 10px rgba(0,0,0,0.6);}
.sub-header {position: relative; background: url(/userfiles/944/images/faded-hero-1.jpg) no-repeat bottom center; 
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.white-fade {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.white-fade-inverse {position: absolute; top: 0; left: 0; width: 100%; z-index: 9;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.black-fade {position: absolute; left: 0; width: 100%; z-index: 9;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.black-fade-sub {position: absolute; left: 0; top: 0; width: 100%; z-index: 9;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

@media(max-width: 767px){.black-fade-sub {height: 0;}}
@media(min-width: 768px){.black-fade-sub {height: 150px;}}

.faded-hero-slider .custom-caption h1 {position: relative; z-index: 10; color: white; text-shadow: 0 0 10px rgba(0,0,0,0.6); padding: 0; margin-left: auto; margin-right: auto;}


/*@media (min-width: 768px){.blog-detail-page .blog-desc {margin-top: 130px;} .site-map #savecontent {margin-top: 50px;}*/
    /*.blog-detail-page #headerContainer, .event-detail-page #headerContainer, .site-map #headerContainer {background: rgba(0,0,0,0.9) !important;} }*/
/*@media (max-width: 767px){.blog-detail-page .blog-desc {margin-top: 60px;}}*/


/* ============ Very Random Stuff ============ */
.navbar {min-height: 1px; height: 1px;}
.navbar-nav>li>.dropdown-menu {min-width: 100%;}
footer .text-muted {display: none;}
.form-horizontal .req {margin-left: -7px;}
label {font-weight: inherit;}
footer {margin-top: 0 !important;}
.form-group label.btn {padding: 6px 8px; border: 1px solid rgba(200,200,200,.5);} 
@media(max-width: 767px){.lead{font-size: 18px;}.navbar-toggle{margin-right: -5px;}.brandingdiv {margin-left: -5px;} .copyright, .copyright p, .copyright a {font-size: 12px;}}
hr {border-top: 1px solid rgba(130,130,130,0.5);}
.pagination > li > a, .pagination > li > span { color: #999 !important; background: none !important; text-decoration: none;}
.pagination > li > a:hover, .pagination > li > span:hover { color: #fff !important; text-decoration: none;}



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

/* ========================= ACCENT COLORS ========================= */
.accent-1 {color: rgb(4, 4, 90)} /* BLUE */
.accent-2 {color: #4a1111} /* RED */

.alt-font {font-family: 'PT Sans'}

hr {max-width: 150px; border-bottom: 1px solid gray}


/* ========================= BLOG CATEGORIES ========================= */
.blog-wrapper .panel-heading {background: transparent}
.blog-wrapper .panel-body ul {list-style-type: none; padding-left: 0 !important; text-align: center;}


/* ========================= ABSOLUTE CENTER ========================= */
/* center content vertically and horizontally within a div that has position: relative; */
.absolute-center {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}



/* ========================= FLEXBOX ========================= */
.flex-xs, .flex-sm, .flex-md {align-items: center; margin: auto;}
@media(min-width: 1px) {.flex-xs {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 }}
@media(min-width: 768px) {.flex-sm {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}}
@media(min-width: 992px) {.flex-md {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}}


/* ========================= LINK TRANSITIONS ========================= */
a, a:hover, .btn, .btn:hover {cursor:pointer; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}

/* ========================= OVERLAY ========================= */
.overlay-container {padding-left: 0 !important; padding-right: 0 !important}
.overlay-row {/*background-color: rgba(255, 255, 255, 0.6);*/ margin-left: 0; margin-right: 0;}
.overlay-row--lighter {background-color: rgba(255, 255, 255, 0.6)}
/*.overlay-row h1, .overlay-row h2, .overlay-row h3, .overlay-row h4, .overlay-row h5, .overlay-row h6, .overlay-row p {color: white}*/
/*.overlay-row a {color: #fff !important}*/
.overlay-scrap {
    background: rgba(255, 255, 255, 0.7);
    -webkit-clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
    text-transform: uppercase;
}
.overlay-scrap--home {
    background: rgba(255, 255, 255, 0.8);
    -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
}
.overlay-scrap--home-2 {
    background: rgba(255, 255, 255, 0.7);
    -webkit-clip-path: polygon(70% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(70% 0, 100% 0, 100% 100%, 0 100%);
}

.container--no-side-padding {padding-left: 0 !important; padding-right: 0 !important}
.row--no-side-margin {margin-left: 0; margin-right: 0}

/* ========================= FORMS ========================= */
#savecontent .form-group {margin-bottom: 5px;}
#savecontent form {padding-top: 0 !important;}


/* ========================= BUTTONS ========================= */
.btn-custom {border-radius: 0}


/* ========================= WELL ========================= */
.well {-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);}
.well--inset {max-width: 1000px; margin: auto}
/*.well h1, .well h2, .well h3, .well h4, .well h5, .well h6, .well p, .well label, .well li {color: white}*/



.container--no-side-padding {padding-left: 0 !important; padding-right: 0 !important}
.row--no-side-margin {margin-left: 0; margin-right: 0}


.form{
    background: gray;
} 

/* PAGE SPECIFIC */

/* FOOTER */

footer { background-color: rgb(255, 255, 255); margin-top: 20px; }