/* gray version*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 /* hide jimage logo */
.jmg-powered{display:none;}

/* JP Start */

/* Global CSS for any page */
    /* Remove Header Edit */
    #drawer-holder #drawer .drawer.no-card a.btn.btn-link.jmodedit{display:none;}
    /* Remove Menu Edit */
    div.header-a.no-card.Test-of-Class a.btn.btn-link.jmodedit{display: none;}
    /* Remove Slider Edit */
    div.showcase-a.no-card a.btn.btn-link.jmodedit{display: none;}
    /* Remove Slider Edit HomePage */
    div.showcase-a.no-card.nopaddingall.nomarginall a.btn.btn-link.jmodedit{display: none;}
    /* Move Edit Text Left */
    div.float-end{margin-left: -41px !important;}
    /* Remove Published Article Text */
    div[role="tooltip"]{display:none;}

/* FOOTER */
    /* Remove Module Name and Module Type */
    .col-md-12 > div:nth-child(2){display:none;}



    /* Remove Title 
    #jform_title-lbl{display:none;}
*/


    /* Remove Footer Label Box 
    #jform_title{display:none;}

*/


    /* Remove Text Position */
    #jform_position-lbl{display:none;}
    /* Remove footer-a Remove Item Button*/
    div.choices{display:none;}
    /* Remove Text Status */
    #jform_published-lbl{display:none;}
    /* Remove Published Dropdown Menu (Status Dropdown) */
    #jform_published{display: none;}
    /* Remove Test Start Publishing */
    #jform_publish_up-lbl{display: none;}
    /* Remove Empty Box Under Text Start Publishing */
    #jform_publish_up{display:none;}
    /* Remove Button or Possible Spacer Under Above Button */
    #jform_publish_up_btn{display: none;}
    /* Remove Text Finish Publishing */
    #jform_publish_down-lbl{display:none;}
    /* Remove Empty Box Under the Above Text */
    #jform_publish_down{display:none;}
    /* Renove Button or Possible Space Under Above Box */
    #jform_publish_down_btn{display:none;}
    /* Remove Text Access */
    #jform_access-lbl{display:none;}
    /* Remove Dropdown Menu set to Public */
    #jform_access{display:none;}
    /* Remove Text Ordering */
    #jform_ordering-lbl{display:none;}
    /* Remove Ordering Dropdown Menu */
    #jform_ordering{display:none;}
    /* Remove Text Note */
    #jform_note-lbl{display:none;}
    /* Remove Text Box below Note Title */
    #jform_note{display:none;}
    /* Options Button */
    .accordion-button{display:none;}
    /* Prepare Content Lightswitch */
    #jform_params_prepare_content{display:none;}

/* CSS affecting Footer and Header and both */  
    #jform_params_prepare_content-lbl{display:none;}
    #jform_params_prepare_content-desc{display:none;}
    #collapse1-heading{display: none;}
    #collapse0{display:none;}
    #jform_params_layout-lbl{display: none;}
    #jform_params_layout{display: none;}
    #collapseTypes{display:none;}
    .modal-title{display:none;}
    div.modal-header button.btn-close.novalidate{display:none;}
    div.modal-footer{display:none;}
    div#versionsModal{display:none;}
    div[role="tablist"] > button:nth-child(2){display:none;}
    div[role="tablist"] > button:nth-child(3){display:none;}
    div.mb-2 > button.btn.btn-secondary{display:none;}

/* Makes Outer Darker Border Disappear */
form#adminForm.form-validate.form-vertical fieldset{border:0;}

/* Toggle Editor Move Left */
div.btn-group button.btn.btn-secondary.js-tiny-toggler-button{margin-left:42px;}

/* JP END */

/* hide more edit links */
#header .jmodedit{display:none;}
#sidebar-a .jmodedit{display:none;}
#footer .jmodedit{display:none;}
#copyright .jmodedit{display:none;}

div[data-url] > div.modal-dialog > div.modal-content{height:12px;}

/* to make front end editing work */
.btn.jmodedit {background: #ccc !important;
padding: 5px 18px 2px;
text-transform: uppercase;
font-size: 12px;
}
.icon-edit:before {content: 'edit';color:#fff;}
main#main-content #modules-form .span12 .row-fluid .span12 #options{display:none;}
main#main-content #modules-form .span12 .row-fluid .span12 .control-group{display:none;}
main#main-content #modules-form .hr-condensed{display:none;}
main#main-content #modules-form hr{display:none;}
main#main-content #modules-form .row-fluid .span12 legend{display:none;}
.visually-hidden{display:none;}
div[id^="tip-"] {display:none;}
#main-content legend{display:none;}

button.btn.btn-secondary.input-password-toggle{display:none;}
ul.mod-login__options.list-unstyled{display:none;}
.form-control{padding:6px 12px;}
.btn.btn-primary{padding:4px 24px;margin-top:6px}
.btn.btn-secondary.w-100.plg_system_webauthn_login_button{display:none;}




/* custom accordion */
.accordionMenu{
    margin: 0 auto;
}
.accordionMenu input[type=radio]{
    display: none;
}
.accordionMenu label{
    background: #363539;
    font-size: 18px;
    color: #fff;
    position: relative;
    cursor: pointer;
    display: block;
    height: 50px;
    line-height: 47px;
    padding: 5px 25px 0 15px;
    border-bottom: 1px solid #e6e6e6;
}
.accordionMenu label::after{
    display: block;
    content: "";
   border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    width: 0;
    height: 0;
    right: 10px;
    top: 20px;
    z-index: 10;
    -moz-transition: all 0.3s ease-in;
    -ms-transition:all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.accordionMenu .content{
    max-height: 0;
    height: 0;
    overflow: hidden;
   -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    transition: all 2s ease-in;
}
.accordionMenu .content .inner{
    padding: 0px 10px;
}
.accordionMenu input[type=radio]:checked + label:after{
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
 
.accordionMenu input[type=radio]:checked + label + .content{
    max-height: 2000px;
    height: auto;
}


.archive-cover{display:inline-block;position:relative;vertical-align:top;width:28%;min-width:200px;margin:1%;border: 2px solid #6e6e6e;}
.archive-cover img{width:100%;}

body {
font-family: 'Tahoma', 'Helvetica', arial, serif;
font-size: 17px;
line-height: 29px;
color:#6e6e6e;
}
h1, h2, h3, h4 {font-family: 'Raleway', 'Helvetica', arial, serif;}
h1 {font-size:213%;line-height: 100%;}
h2 {font-size:184%;line-height: 100%;}
h3 {font-size: 183%;line-height: 160%;}
a {color: #f77c10;}
a:hover {color:#c8630b;}
.readon{font-family: 'Raleway', 'Helvetica', arial;font-weight:bold;text-transform:uppercase;background-color: #e06c4a;color:#fff;border-bottom: 2px solid #bd4420;}
.readon:hover{background-color:#2A2A30;color:#fff;border-bottom: 2px solid #060607;}

#adminForm{background-color:#f2f2f2;padding:20px;border-radius: 3px;text-align:left;}
#adminForm a{font-weight:400;}

#header-surround{background-color:#fff;}
#header{background-color:#fff;height:114px;padding:8px 0 20px 4%;}
#header-height{height:143px;}
#header-a.width-95{width:100%;text-align: center;}


#drawer-holder{background-color:#383838;padding:16px 1% 14px;}

#showcase{}
#showcase a{}
#showcase-a.width-95{width:100%;}

#top{color:#8B8B8B;background-color:#F5F6F8;box-shadow: 0px 1px 0 #000005;}
#top h2, #top h3, #top h4{color:#656565}

#utility{color: #fff;background-color:#292929;
background: url(../../../images/top-bkg.jpg);
background-attachment: fixed;
background-position: bottom;
}
#utility h2, #utility h3, #utility h4{color:#fff}
#utility .readon{border-bottom: 2px solid #f77c10;}
#utility .readon:hover{border-bottom: 2px solid #c8630b;}
#utility::after {
  content: '\f0d7';
  font-family: FontAwesome;
  font-size: 3.6em;
  position: relative;
  bottom: -88px;
  left: 50%;
  margin-left: -15px;
color: #f77c10;
text-shadow: 0px 2px 0 #c8630b;
}


#feature{
color: #fff;
background-color: #3C3C3C;
border-top: 1px solid #262930;
border-bottom: 1px solid #494949;
}
#feature h2, #feature h3, #feature h4{color:#656565}

#main-content{padding-bottom:60px;}

#maintop{color: #424242;background-color: #f5f6f8;}
#maintop h2, #maintop h3, #maintop h4{color:#656565}

#expandedtop{background-color: #FFFFFF;color: #2C2C2C;}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}
#content-top{background-color: #FFFFFF;color: #6E6E6E;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}

#mainbody{background-color: #FFFFFF;}

#sidebar-a{
background-color:#e6e9ee;
color: #5e5e5e;
font-size:80%;
}
#sidebar-b{background-color: #fff; /* #AFAFAF or #78bf57 or #888888*/
color: #5e5e5e;
font-size:80%;
}
#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#656565}
#content-bottom-boxes {border-top: 1px solid #ccc;padding-top: 107px;font-size:80%;}

#expandedbottom{
color: #fff;
background-color: #000;
border-top: 1px solid #dde0e7;
padding: 69px 4% 99px;
}
#expandedbottom::after {color:#f77c10;text-shadow: 0px 2px 0 #c8630b;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #fff;}
#expandedbottom::after {
    content: '\f0d7';
    font-family: FontAwesome;
    font-size: 3.6em;
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -15px;
}


#mainbottom{background-color: #292929;color: #6E6E6E;
background: url(../../../images/top-bkg.jpg);
background-attachment: fixed;
background-position: bottom;
padding:106px 4%;
}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}
#extension{
background-image: url(../images/backgrounds/extension/preset1/bg.png);
color: #000000;
background-color: #cdcdcd;
}
#extension a{color:#07659e}
#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#fullwidth{color: #6E6E6E;background-color: #FFFFFF;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}

#bottom{
background-image: url(../images/patterns/noise.png);
background-color:#f77c10;
color: #000;
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;}
#bottom .readon{background-color:#000;}

#footer{
background-image: url(../images/patterns/noise.png);
color: #8f8f8f;
background-color:#3B3736;
border-top: 1px solid rgba(0,0,0,0.2);
padding-top:12px;
}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#copyright{
background-image: url(../images/patterns/noise.png);
color: #5f5f5f;
background-color: #2D2D2D;
border-top: 1px solid rgba(0,0,0,0.2);
padding:17px 0 12px;
width:100%;
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}











/*Changes to menu*/
.mobilemenuck-bar-title{display:none;}
.mobilemenuck-bar-button{margin-top:-66px;}
#maximenuck197 .maximenumobiletogglericonck{font-size:54px !important}
#maximenuck197 .maximenumobiletogglericonck{text-align:right;margin-top:2px;margin-bottom:4px;}
div#maximenuck164{float:none;text-align:center;margin-left:-94px;padding: 24px 0;}/* center menu and fix left padding*/
div#maximenuck164 ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck164 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck164 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck164 ul.maximenuck li.maximenuck.level1.active > span.separator {
font-size: 16px;
font-weight: 600;
}
div#maximenuck164 ul.maximenuck{margin-top:0;}
div#maximenuck164 ul.maximenuck li.maximenuck.level1{margin-right:36px;}
div#maximenuck164 ul.maximenuck li.maximenuck.last.level1{margin-right:0px;}
div#maximenuck164 .maxiFancybackground{height:1px;top:44px;background-color:transparent;border-top:2px solid #188aa6;}


/*Menu text color*/
div#maximenuck164 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck164 ul.maximenuck li.maximenuck.level1 > span.separator{
color:#7c7c7c;
font-size: 14px;
font-weight: 600;
}
/*Active menu item color*/
div#maximenuck164 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck164 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck164 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck164 ul.maximenuck li.maximenuck.level1.active > span.separator {
color: #E06C4A;}

/* submenu */
div#maximenuck164 ul.maximenuck li.level1.parent > a:after, div#maximenuck164 ul.maximenuck li.level1.parent > span.separator:after{
right:-7px;} /*dropdown arrow position*/
div#maximenuck164 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck164 ul.maximenuck2 li.maximenuck{
padding-bottom:8px;}

/* submenu background and border */
div#maximenuck164 div.floatck{ 
border:1px; 
border-color:#fff;
background:#fff;
margin-top:0px;
padding:14px 14px 6px 22px;
}


/* submenu  link color */
div#maximenuck164 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{
color:#666;text-transform:none;padding-top: 4px;} 

/* Changes menu hover color */
div#maximenuck164 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck164 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck164 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,  div#maximenuck164 ul.maximenuck2 li:hover > h2 a, div#maximenuck164 ul.maximenuck2 li:hover > h3 a{
color:#E06C4A;text-transform:uppercase;}
div#maximenuck164 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck164 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck164 ul.maximenuck2 li:hover > a{
color:#000;text-transform:none;}

/* sets dropdown arrow color */
div#maximenuck164.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck164.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
    border-color:#666 transparent transparent transparent; }
    

    



.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}
.show480{display:none;}


@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}

@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
#header{height:86px;padding:8px 0 20px 4%;}
#header-height{height:113px;}
.masonry-3 .blog-item{width:100%;}


}

@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
.layout-slideshow .sprocket-features-content{background:none;}
.layout-slideshow{margin-top:0px;}
}

@media (max-width: 640px) {
div#maximenuck164 ul.maximenuck li.maximenuck.level1{text-align:right;padding-top: 12px;padding-right:4px !important}
div#maximenuck164 div.floatck{background-color:transparent;border-color:transparent;}
div#maximenuck164 ul.maximenuck li.maximenuck a{text-align:right;}
div#maximenuck164 ul.maximenuck2 a{text-align:right;}
div#maximenuck164 div.floatck{margin-top:0px;}
div#maximenuck164 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a{color:#fff;}
div#maximenuck164 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a:hover{color:#ccc;}
div#maximenuck164 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{color:#fff;}
div#maximenuck164 ul.maximenuck li.maximenuck ul.maximenuck2 li > a:hover{color:#ccc;}
}

@media (max-width: 480px) {
.show480{display:block;}
.hide480{display:none;}
}