#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
header .container { background-color: transparent; }
header.top-header  { background-color: #454e4f;  }

body {font-family: 'Open Sans', sans-serif; }

.navbar { padding: 1rem 1rem; float: right;}
.menu a { padding: 2px 10px 8px;}
.primary-menu { background-color: #454e4f; background-image: none; }
.primary-menu .menu, .primary-menu .menu a { padding: 0px 8px 0px; background-image: none; text-transform: uppercase; background-color: #454e4f; } 
    .primary-menu a, .primary-menu a:visited { color: #d1d3d5; font-size: 0.8rem; font-weight: 600;}
    .primary-menu .menu a:hover { color:#fff; text-decoration:none; background-image: none;}
    .primary-menu .menu a.active { color:#fff; background-image: none; }

.primary-menu .container { overflow:visible }
.primary-menu li li { float:none; }
.primary-menu ul ul { position:absolute; z-index:99; }

/*mobile menu */
a.open-menu.details-opener.xs-opener.tracked.opener-0 { color: #fff;   padding: 10px 20px 10px 20px;        margin-right: 20px;}
a.open-menu.details-opener.xs-opener.tracked.opener-0:hover { color: #99c602;     }
.fa-bars:before { font-size: 1.8rem; }
.small-hidden-menu .xs-opener {border: none; background-color: #454e4f;    margin-top: 30px; margin-right: 0px; }
.small-hidden-menu .xs-opener:hover  {     color: #99c602; }
.small-hidden-menu .details-slide.menu { background-color: rgba(255,255,255,0.75); right: 0px; left: unset; width: 60%; bottom: unset; margin-top: 130px; padding: 0px;}
.small-hidden-menu ul li { padding: 10px 20px; background-color: #454e4f; }
.small-hidden-menu  li { line-height: 1em; }
.small-hidden-menu ul a.details-opener:after { font-family: "Font Awesome 5 Pro"; content: " \f107";} 
.small-hidden-menu .details-opener { } 

/* Child menus */
.menu li li {  float: none; }
.primary-menu-item ul {  position: absolute;  z-index: 999; }

.menu li > a:after { font-family: "Font Awesome 5 Pro"; content: " \f107"; } 
.menu li > a:only-child:after { content: ''; }

/* Layout for front end */

hr { clear:both; visibility:hidden; }
.clear { clear:both; }

.last { margin-right:0px; padding-right:0px; }

/*
#search {  width: 99%;     margin-top: 20px;     margin-bottom: 40px;}
#search fieldset { background-color: transparent; padding: 5px 5px 5px 15px; min-height: 35px; border: 1px solid #7e8182; border-radius: 20px; }
#search-text { background-color:transparent; text-transform: uppercase; font-size: 0.8em;}
#search input.form-control { color: #909192; border: none; background-color: transparent; border-radius: 0px; box-shadow: none; padding-left: 0px; padding-right: 0px; }
#search input { color: #fff; margin-bottom: 0px; width: 140px;}
#search fieldset .form-group { margin-bottom: 0px; }
#search-btn { background-color:transparent; float: right;     color: #909192;}
#search-btn:hover {  color: #fff;}
#search-on-fly { color: #fff;     margin-top: 35px; }*/

#main-content { background-color: #fff;     background-image: none;}
.main-content { margin-bottom:20px; }
#right-panel  {  margin-bottom: 30px; }
   @media screen and (max-width: 600px) { #right-panel  {  margin-top: 10px; }}
#content-extra img { width:100%; }

p, ul li  {color: #000000; font-size:1.2rem; line-height: 2.4; margin-bottom:1.2em;}
.intro { font-size:1.8em; margin-top: 1em; margin-bottom: 1em;}
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }

h1 { color: #48585e; font-size:3.8em;  font-weight:400; margin-bottom:0.6em; }
h1 a, h1 a:visited { color:#48585e; }
h2 { color: #004d6b; font-size:2.2em;  font-weight:400; margin-bottom:0.6em; margin-top:0.8em;     line-height: 1.2;}
h2 a, h2 a:visited { color:#004d6b; }
h3 { color: #004d6b; font-size:1.9em;  font-weight:700; margin-bottom:0.4em; }
h3 a, h3 a:visited { color:#004d6b; }
h4 { color: #454e4f; font-size:1.6em;  font-weight:600; margin-bottom:0.4em; line-height: 1.3; }
h4 a, h4 a:visited { color:#454e4f; }
h5 { color: #004d6b; font-size:1.3em;  font-weight:700; margin-bottom:0.7em; }
h5 a, h5 a:visited { color:#004d6b; }
h6 {  color: #454e4f; font-size:1.2em;  font-weight:700; margin-bottom:0.4em; margin-top: 0.8em;}
h6 a, h6 a:visited { color:#454e4f; }

a:hover, h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover, strong a:hover { text-decoration:none; color:#007bff; }

.top-header a img { padding-top:20px; padding-bottom: 20px; }
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

legend { color: #7a9901; }
a { color: #428bca; text-decoration: none; }
a:hover{ text-decoration:underline;  }
a:visited { color:#428bca; }
strong { color: inherit;}
a strong, a strong:visited { color: inherit; }
a strong:hover { color: #428bca; }

.read-more, a.read-more:visited {    cursor: pointer; float: right; color: #428bca; text-decoration:none; }
.read-more:hover, a.read-more:hover { text-decoration:underline;  }

/* Site BUTTONS*/
.btn.green {  color: #779000;  border: 2px solid #779000;  background-color: #fff; }
.btn.green:hover {background-color: #add104; border: 2px solid #add104; }
.btn.green:active {background-color: #add104; border: 2px solid #add104;  }
broadcast-search-btn:hover  {background-color: #add104; }

.btn.blue {  color: #0381cc;  border: 2px solid #0381cc; background-color: #fff;     border-radius: 20px; }

/* CLASSES */
.button {   border: 2px solid #02aab9; padding: 15px 40px; background-color: #fff; width: 100%; display:inline; text-align: center; border-radius:60px;    line-height: 2em;}
.button a, .button a:visited, a .button  { color: #02aab9; text-decoration:none;}
.button:hover a, a .button:hover, a .button strong:hover   {  color: #fff; } 
.button:hover  { color: #fff;  background-color:#02aab9; border: 2px solid #02aab9;  }

.blue-button { font-size:0.6em; color: #fff; border: 2px solid #818181; padding: 3px 7px; background-color: #038bfc;  text-transform:uppercase; letter-spacing: 0.1em;    }
.blue-button a, a:visited .blue-button { color: #fff; text-decoration: none; }

a:hover .blue-button { color: #fff; background-color: #269afd; text-decoration:none; border: 2px solid #269afd;  }

.button-blue {   color: #fff;  padding: 10px 30px; background-color: #298DA3; width: 100%;  border-radius:5px;    line-height: 2em;}
.button-blue a, a.button-blue { color: #fff; text-decoration: none; }
.button-blue:hover a {  color: #fff; } 
.button-blue:hover  { color:#fff;  background-color:#44b0c7;  }

.grey-button {  border: 3px solid #dfdfdf; padding: 17px 13px; background-color: #ededed;  text-align: center; display:block; }
.grey-button a, a:visited .grey-button  { text-decoration: none;}
a:hover .grey-button { background-color: #dfdfdf; text-decoration:none; }

.grey-box {padding: 30px 13px; background-color: #ededed;  text-align: center; display:block; margin-bottom: -1.5em;}
.grey-box a, a:visited .grey-button  { text-decoration:none;}
a:hover .grey-box { background-color: #dfdfdf; text-decoration:none; }

.rule { border-bottom: 2px solid #8fa1ac; padding-bottom: 10px; margin-bottom: 30px;}
.rule a, .rule a:visited   { text-decoration:none; color: #337ab7;}
.rule a:hover { color:#0a8de9; text-decoration:none; text-decoration:none;}
.rule: hover a { color:#0a8de9; text-decoration:none; text-decoration:none;}

.rule-above { border-top: 2px solid #000;  padding-top: 15px; margin-top: 30px;}
.rule-above a, .rule-above a:visited   { text-decoration:none; }
.rule-above a:hover { color:#428bca; text-decoration:none;}

.rule-below { border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 30px;}
.rule-below a:hover { color:#428bca; text-decoration:none;}
.rule-below a, .rule-below a:visited   { text-decoration:none; }

.whitetext, .whitetext a { color:#fff; }

.imagetext  { color:#fff; font-size:3vw;     padding-bottom: 20px; }
  @media (min-width: 1200px) { .imagetext  { font-size: 50px; } }
  @media (max-width: 576px) { .imagetext  { font-size: 25px; } }
.imagetext-sm  { color:#fff; padding-bottom: 20px; }
   @media screen and (max-width: 992px) { .imagetext-sm  {      font-size: 1.5em;}}
h3.imagetext  { color:#fff; font-size: 1.8em;     padding-bottom: 20px; }


a.btnimage.btn-outline-dark.shadow-lg.btn-round.btn-lg.btn-rised {  color:#fff;  }
     @media screen and (max-width: 600px) {a.btnimage.btn-outline-dark.shadow-lg.btn-round.btn-lg.btn-rised { font-size: .8rem } }
.btnimage, a.btnimage {    cursor: pointer;   background-color: rgba(0, 0, 0, 0.3);     font-weight: 700;     padding: 10px 20px;     border-radius: 20px; text-decoration:none; }
a.btnimage:hover{   color:#fff; background-color: #03ccba; text-decoration:none;  }

.paddingnone { padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; }

blockquote {    margin: 0 0 1rem;  font-weight:500;  font-size:1.1rem; margin: 1.2rem 0 1.2rem;  padding-left: 40px; border-left: 2px solid #b5a639; }

/* Extra Content banners */
.banner {  position: relative;  }
.banner .row { position:relative; z-index:11; }
.bannerimage { position:absolute; z-index:10; width:100%; }
.top-left { padding-top:40px; padding-left:40px; /* position: absolute;  top:80px;  left: 40px; width: 50%; */}
   @media screen and (max-width:  576px) { .top-left    { top:40px; }}
   @media screen and (max-width:  576px) { .top-left    { left: 0px;  width: 100%; }}
.bannerimage img { object-fit: cover;    height: 500px;     opacity: 1;}
   @media screen and (max-width: 1978px) { .bannerimage img  {  height: 380px; }}
   @media screen and (max-width: 1200px) { .bannerimage img   {  height: 320px; }}
   @media screen and (max-width:  992px) { .bannerimage img   {  height: 280px; }}
   @media screen and (max-width:  576px) { .bannerimage img   {  height: 500px; }}
.bannertext { font-size:4em; color:#fff; font-weight:400;  line-height: 1.2;  padding: 150px 40px 10px 40px;     margin-bottom: 0.5em; }  
   @media screen and (max-width: 1200px) { .bannertext  {  font-size: 2.5rem;  }}
   @media screen and (max-width: 992px) { .bannertext  {  font-size: 2rem;   padding-top: 30px;}}


.top-right { padding-top:50px;    padding-left: 40px; /*position: absolute;  top:50px;  float: right; width: 100%; */}
   @media screen and (max-width: 576px) { .top-right    { top:250px; padding-left: 0px;}}


.paroller-parralax { height: 450px;     padding: 140px 100px; }
       @media screen and (max-width: 992px) {.paroller-parralax { height: 320px;     padding: 120px 40px; } }
       @media screen and (max-width: 768px) {.paroller-parralax { height: 320px;     padding: 80px 40px; } }
        @media screen and (max-width: 576px) {.paroller-parralax { height: 200px;     padding: 50px 30px; } }

.bootstrap-modal-btn:before {display:none; }
.bootstrap-modal-btn:hover  { opacity: 0.7; }
.modal-content p { padding: 5px 20px;    font-size: .9rem;    margin-bottom: 5px; }
.modal-header .close {     margin: auto; font-size: 1.2rem;}

a.btn.broadcast-ignore-site, a.btn.broadcast-ignore { min-width: 50px; }

.details-opener.opened h1:before, .details-opener.opened h2:before, .details-opener.opened h3:before, .details-opener.opened h4:before, .details-opener.opened h5:before, .details-opener.opened h6:before, .details-opener.opened p:before { color: #028553; font-family: "Font Awesome 5 Pro"; content: "\f056"; margin-right: 5px;}
.details-opener h1:before, .details-opener h2:before, .details-opener h3:before, .details-opener h4:before, .details-opener h5:before, .details-opener h6:before, .details-opener p:before { color: #095a8c; font-family: "Font Awesome 5 Pro"; content: "\f055"; margin-right: 5px; }
.details-slide.opened    { border-bottom: 2px #0492a4 solid;    margin-bottom: 40px; }
.small-hidden-menu .details-slide.opened    { border-bottom: 0px #fff solid; }


#modules-holder {  margin-top:3px; }

.content-header { padding: 0.4em; }

.banner-menu { background-color: #0496fb; }

/* styling open/close container */
.modal-header .close {     border: none;     background-color: #fff; }

/* CARDS 5 across*/
.card { border: none; margin: 0 3% 3% 0; background-color: transparent;  width: 22%;  }
  @media screen and (max-width: 1200px) { .card  { width:30%; }}
    @media screen and (max-width: 992px) { .card  { width: 45%; }}
    @media screen and (max-width: 768px) { .card  { width: 70%; padding-bottom: 25px; }}
    @media screen and (max-width: 576px) { .card  { width: 80%; padding-bottom: 25px; }}

.card.card-theme .signature-image, .card .signature-image { object-fit: cover; max-height: 11rem;}
    @media screen and (max-width: 992px) { .card.card-theme .signature-image, .card .signature-image { max-height: 12rem; }}    
.card.card-theme .card-body, .card-body   { padding: 0.3rem 0rem 0rem 0rem;  margin-bottom: 30px;   height: 120px; }

h5.card-title { font-size: 1.7em; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem; }
h5.card-title a {color: #4D4A4A;  }
h5.card-title a:hover { color:#386EA8; }

.card-body a { text-decoration: none; }
.card-theme p.card-text { display:none; font-size: 1.2em;     line-height: 1.5; }
p.card-link {  color:#4383c7; line-height: 1; font-weight:600;}
p.card-link:hover {  color:#1b87f9; }
.card .cta {     display: none; color: #4383c7; }
.card .cta:hover { color:#045ee8; }


#footer { background-color: #5c656b; }
#footer .container  {background-color: transparent; }
#footer a { color: #fff; background-image: none; text-transform:uppercase; }
#footer a:hover { color: #fff;  text-decoration:underline; }
#footer .menu a.active { color: black; }

#footer p { font-size:1em;  margin-top:10px; clear:right; color:#fff; }
#footer a { padding: 5px 3px 7px; }
#footer p a { color:#fff;  }
#footer .links { padding-bottom: 0px; padding-left: 0px; }
#footer .links a { color:#fff; font-size:1em; padding: 0px 0px; display:block; }




.page_changer { margin:10px 0px; }
.pagination>li>a, .pagination>li>span  { color: #428bca; }

textarea, input, select { border:1px solid #5f8692; }

/* styling the shopping cart from default look */


/* Styling any forms */

.replies-btn { float:right; }
.nested { padding-left: 40px; }

/* search results */
.highlight { color:#03118c; font-weight:bold; }


/* about you on website briefing form */
#about-you input { float:none; }
#about-you input.checkbox, #about-you input.radio { float:left;  }

/* multi level lists */
ol {
    counter-reset: item;
}
ol li {
    display: block;
    position: relative;
}
ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}
        /*********** custom file styles /uploads/sites/mothersite/theme/css/custom.css*********/
        

        /******** custom page styles **************/