@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600&display=swap');

.alert-warning { color:#222 }

#header {border-bottom:3px solid #fff;border-top:3px solid #cf2027;}
#header a {color:#231f20;}
#nav li.active>a {color:#cf2027}
#header a:hover, #header a:active {color:#446}

#features a h2, #subpages-list a h2 {padding:0 5px; font-size:.8em;}

.inset-right, .inset-left {margin:40px; max-width:350px !important;}

.cursive {font-size:18px;padding:4px 0; border-top:1px solid rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.65); font-family:Georgia, palatino linotype; serif; font-style:italic; line-height:1 !important; display:inline-block !important; text-align:center:!important;transform: rotate(-8deg); }

.page490 #content .content-area {margin:0;}

#footer p, #footer a {color:#FFF}
#footer p a:active, #footer p a:hover {text-decoration:underline;}

.image-box img {margin-bottom:0 !important; border:2px solid #FFF; -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.2);box-shadow:0px 0px 2px rgba(0,0,0,0.2)}

/* position of header search on small screens */
#header-search { float:left; margin-top:6px; z-index:1002; }
#header-search input[type="search"], #blogSearch input[type="search"], input.search-field1 {line-height:30px;}
#header-search .search-button1 {line-height:34px;}

.box-left-50.well { border: 5px solid #FFF !important; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

/* header content - social media icons */
#header-content {display:none; float:left; clear:left; margin-top:24px; position:relative; z-index:1002; }
#header-content .fa { font-size:24px; margin-right:10px; }

.feature {border-bottom:8px solid #fff; border-right:8px solid #FFF;}

#subpages-list a .panel {background-color:rgba(0,0,0,0.76)}

/* set z-index of main navigation */
#nav {position:relative; z-index:1000;}

/* menu toggle */
.navbar-toggle, .navbar-header h4 {float:right; }
.navbar-toggle {clear:left}

/* change opacity on hover-active */
.img-hover:hover, .img-hover:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#blog-search input[type="search"] {line-height:34px;font-size:15px;}


.well {border:none !important;  -moz-border-radius:4px; border-radius:4px;}


/* sliders */
#jumbo .sy-slides-wrap, #jumbo .sy-slide {background-color:#231f20;}

/* Slider Captions */
#slider .white-box-caption { max-width:320px; color:#297cc4 !important; background: rgba(255,255,255,.9); padding:8px 10px !important; margin-bottom:10px; }

#slider .white-box-caption h1, #slider .white-box-caption h2, #slider .white-box-caption h3, #slider .white-box-caption h4 { color:#297cc4 !important; font-weight:700 !important; font-size:14px !important; line-height:1.1 !important; margin:0 !important; padding:0 !important;}

#slider .white-box-caption p { font-weight:400 !important; color:#297cc4 !important; font-size:14px !important; line-height:1.1 !important; margin:0 !important; padding:0 !important;}


#slider .caption {text-align:center;  top:14% !important; }

#slider .caption div {text-align:center; padding:20px 0; background-color:rgba(0,0,0,0.65); }


#slider .caption h1, #slider .caption h2, #slider .caption h3, #slider .caption h4, #slider .caption h5 , #slider .caption h6 {color:#FFF !important  } 


/* top margin of logo on all screen sizes */
#logo {margin:0; z-index:1003}

#page-content {position:static; }
/* hide paging on jumbotron sliders*/
#jumbo .sy-pager {display:none;}

.box-right-50 { float:right; width:50%; padding:15px;}

#content .content-area {margin:0 auto;}

.page-title { margin:0; line-height:90%; font-size:44px; font-weight:700; padding-top:20px; padding-bottom:20px; background-color:#231f20;  }

.page-title small { font-size:24px; line-height:120%;margin-top:10px;font-weight:400; display:block; }

.navbar { border:none !important }

/* elements with semi-bold font-weight */
.navbar li>a { font-weight:700;text-transform:uppercase; letter-spacing:1px; }

/* elements with regular font weight */

h1 {color:#cf2027; text-transform:uppercase; font-family:"Barlow Condensed" !important; font-weight:600 !important; }


h2,h3, h4, h5, h6 { line-height:130%; font-weight:400; margin:15px 0; font-family:"Roboto Slab", serif !important; }

h3 {color:#cf2027;}

h5, h6 { color:#231f20; }

.cke_editable li, h1, h2, h3, h4, h5, h6 {line-height:130%; }

p,.content-area li {line-height:140%;}

hr {border-top:1px solid #CCC; }



/* buttons */
.btn {  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.btn-lg { text-transform:uppercase; letter-spacing:2px; }
.btn-caption { position:absolute; top:-18px; width:200px; left:50%; margin-left:-100px; padding:10px 12px 8px 12px; text-align:center;  font-weight:600; line-height:1 !important; }

.btn-default {background-color:#cf2027; color:#FFF !important}

.btn-default:hover, .btn-default:active {background:#e7454b;}


/* slider paging on small screens */
.sy-pager {display:none;}

#bg2 #page-content, #sidebar, #products {min-height:350px;}



/* ===================================== */

@media screen and (min-width:768px) {
#logo a:hover { -moz-opacity:.8;-webkit-opacity:.8;opacity:.8; }

#nav {padding-top:6px; padding-bottom:0; }

.navbar .nav {margin-left:40px;}

#wrapper.scroll #nav {padding-top:6px;}

.navbar .nav .dropdown-menu .dropdown-menu {margin-left:-3px;}

.navbar .nav li>a { padding:10px; }

.box-right-25,.box-left-25,.box-left-50,.box-left-50,.box-right-30,.box-left-30,.box-right-70,.box-left-70,.box-100 {margin:1.5% 8px !important;}

#page-content.has-sidebar, #bg4 #page-content { width:64% !important; }

#sidebar { width:36% !important; }

/* slider paging on medium screens */
.sy-pager {display:inline-block; position:absolute; z-index:200; top:10px; right:10px; text-align:right; }
.sy-pager li {margin-right:12px;}
.sy-pager li a {text-indent:9999px; background-color:rgba(255,255,255,0.65);}

#header-content {clear:none; margin:8px 0 0 30px; }

#header-search { margin-left:15px; }


}

/* ===================================== */

@media screen and (min-width:992px) {

#nav {padding-top:10px; padding-bottom:0; }

#header-search {margin-left:20px;}

}





/* ===================================== */

@media screen and (min-width:1100px) {


#header-search {margin-left:25px;}


}

/* ===================================== */

@media screen and (min-width:768px) and (max-width:1200px) {
#sidebar .side-nav li a {font-size:15px;}
}


/* ===================================== */

@media screen and (max-width:767px) {


.inset-right, .inset-left {margin:10px 20px 0 20px;}

.page-title {line-height:140%;}

.page-title small { line-height:1; }

#slider .caption {font-size:80%;  padding:0 20px !important;}

#slider .caption {top:20px !important;bottom:auto !important; }

#slider .caption h1 { font-size:24px; }
#slider .caption h4 {font-size:16px;}

.navbar-collapse .navbar-nav {background:#FFF; border-bottom:3px solid #cf2027; }

#nav {position:absolute; top:0;left:0; width:100%; z-index:999}

#header .navbar-toggle {background:#cf2027; color:#FFF !important; float:right; }

#header .navbar-header h4  {display:none;}

#header .icon-bar {background-color:#FFF;}

.navbar-toggle {
    border: 1px solid #FFF !important;
    margin-right:20px !important;
}
.navbar .nav li>a {
    padding-left:15px;padding-right:15px;
}
    
.box-right-50 {width:100%;float:none}
    
    
}
