#tinymce { background-color: #fff; }

body { font-family: 'Ubuntu', sans-serif; background-color: white; }
#middle-panel { padding: 40px 0px 30px 15px; }

header { background-image: url('/uploads/sites/crohns//theme/images/CCN_headerpic.jpg');  background-color: #0076be; background-position: 0px 0px; background-repeat: no-repeat; }
header .container { background-color: transparent; } 

button.slick-prev:before, button.slick-next:before { font-size: 25px; color: #e7a71d;}
.slick-prev.slick-arrow {    padding-left: 15px;}
.slick-next.slick-arrow {    padding-right: 50px;}
#slide_show_responsive_full.slick-prev, #slide_show_responsive_ful.slick-next { color: #fff; padding-left: 30px; padding-right: 60px; }
#slide_show_responsive_full.mod-slideshow-responsive.slick-initialized.slick-slider { margin-bottom: 0px; padding-left: 30px;     padding-right: 30px;}
.slick-slide  { background-color: #f4f0e7; padding-right:45px; }
.mod-slideshow-responsive a:link, .mod-slideshow-responsive a:visited { color:#095a8c; }


#main-content {  background-color: #fff; }

#search fieldset { margin-bottom: 0px; margin-left: 5px;}
#search-btn { background-color: transparent; }
#search-text { color:#fff; text-transform: uppercase; font-size: 0.7em; font-weight: normal;}
#search input.form-control { border: 1px white solid; background-color: #2598e0; border-radius: 0px; box-shadow: none; width: 110%;}

.header-links { float:right; }

.primary-menu { margin-top:5px; margin-bottom:-5px; }
.primary-menu, .small-hidden-menu ul li 
{ background-image: none;  margin-left: 0px; margin-right: 0px;}
    .primary-menu a, .primary-menu a:visited { color:#fff; text-transform: uppercase; font-weight: bold;}
    .menu a:hover { color:#fab82c; text-decoration:none;}
    .menu a.active { color:#fab82c; }

.secondary-menu { border-bottom: #fab82c 4px solid; margin-bottom: 20px;}
.secondary-menu, .small-hidden-menu ul li {  background-color: #025081;}
.secondary-menu .container { background-color: #025081; }
    .secondary-menu a, .secondary-menu a:visited { color:#fff;  text-transform:uppercase; uppercase; font-weight: bold; padding-top: 15px; padding-bottom: 13px; }
    .secondary-menu a:hover { color:#fab82c; }
    .secondary-menu a.active { color:#fab82c; }

.hover-slider .mod-content-item { padding-left: 20px; font-size: .8em; }

.small-hidden-menu .details-slide {  background-color: #025081;}

.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: #e7a71d; font-family: "Font Awesome 5 Pro", sans-serif; 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", sans-serif; content: "\f055"; margin-right: 5px; }
.details-opener h1:hover, .details-opener h2:hover, .details-opener h3:hover, .details-opener h4:hover, .details-opener h5:hover, .details-opener h6:hover, .details-opener p:hover { color:#0383d2; }


.nav-7424 { border-top: 4px solid #fab82c; border-left: 4px solid #fab82c; border-right: 4px solid #fab82c; margin-left: 60px;}
li.nav-7424.secondary-menu-item {  float:right; display: block; }
li.nav-7424.secondary-menu-item a { color: #095a8c; padding-top: 12px; }
li.nav-7424.secondary-menu-item a:hover { color: #fff; }
li.nav-7424.secondary-menu-item a.active { color: #fff; }

 li.nav-7424.secondary-menu-item a {background-color: #e18104; }

#content-top { margin-top: -10px; margin-bottom: 0px; margin-left: 15px;}
#middle-panel { padding: 40px 0px 30px 15px; }

#box {padding: 2px; background-color: transparent; text-align: center; display: block; margin-bottom: 20px;  }

#boxes { border-collapse: collapse; }
#box-content {margin-right: 20px; }
#boxes .col-xs-12 col-sm-4 {width: 33%; vertical-align: top; margin-right:20px; }

#donate_btn { padding-left: 7px;  }

a[href$='.pdf'] {padding: 0 0 0 0px; background-image: none; }

p { color: #494848; font-size: 1.15rem; line-height: 1.8;    margin-bottom: 1.2em;  }
ul li, ol li  { color: #5b5a5a; font-size: 1.15rem; line-height: 1.4; margin-bottom: 0.7em; }
.intro { color:#095a8c; font-size: 1.3em; margin-top: 1em; margin-bottom: 1em;   }

h1 { font-size:2.5em; color:#e7a71d; font-weight:normal; margin-bottom:0.5em; line-height: 1.35;}
h1 a, h1 a:visited { color:#e7a71d; }
h2 { font-size:2.3em; color:#095a8c; margin-bottom:0.1em; margin-top:0.8em; margin-bottom:0.5em;  }
h2 a, h2 a:visited { color:#095a8c; }
h3 { font-size:1.8em; color:#095a8c; font-weight:400; margin-bottom:0.4em; line-height: 1.35; }
h3 a, h3 a:visited { color:#095a8c; }
h4 { font-size:1.6em; color:#e7a71d; font-weight:400; margin-bottom:0.4em; line-height: 1.35;}
h4 a:hover { text-decoration:underline; color:#0392eb;  }
h4 a, h4 a:visited { color:#e7a71d; }
h4 a:hover { text-decoration:underline; color:#0392eb;  }
h5 { font-size:1.4em; color:#0569a9; font-weight:700; margin-bottom:0.4em; line-height: 1.5;}
h5 a, h5 a:visited { color:#0569a9; }
h6 { font-size:1.3em; color:#095a8c; font-weight:500; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#095a8c; }

a { color:#0383d2; text-decoration:none; }
a:hover{ text-decoration:underline; color:#0392eb;  }
a:visited { color:#0383d2; }

h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover, strong a:hover, a strong:hover  { text-decoration:none; color:#0392eb; }

legend { font-size:1.2em; color: #e7a71d; background-color:transparent; font-weight: 500;}
dt label { color: #095a8c; }

.small { font-size:0.625em ; }
strong { color: #5b5a5a; }


.mod-toc-rh .mod-toc-title { color: #c58c13; font-size: 1.6em; }
.mod-toc-rh-heading { font-size: 1.6em; }
.mod-toc-rh a.active { font-weight: bold; font-color: #0383d2; text-decoration:underline;}
h4.mod-toc-title a { color: #c58c13; }
h4.mod-toc-title a:hover { color: #0383d2; }

/* subscribe form */
label { margin-bottom: 0px; width: 100%; padding-top: 5px;  color: #5b5a5a;}
#mce-EMAIL, #mce-FNAME, #mce-LNAME { width: 100%; }
#mc_embed_signup_scroll { padding-left: 15px; padding-right: 15px;}
.indicates-required { margin-left: 3px; padding-bottom:10px;}
.mc-field-group { margin-left: 3px; margin-right: 3px; padding-bottom:5px;}
#mc-embedded-subscribe { margin-top: 5px; float: right; background-color: #e7a71d; }
#mc-embedded-subscribe.button:hover  { color: #095a8c;}
#mc_embed_signup_scroll { background-color: #faf6ef;  padding-top: 1px; padding-bottom: 40px; }

.button {   border: 2px solid #025081; padding: 10px 10px; background-color: #0076bf; width: 100%; display:block; text-align: center;  color:#fff; }
.button a: hover  { color:#fdb813; }
.button:hover  { background-color:#025081; border: 2px solid #025081; color:#fdb813;}
.button a, .button a:visited   { color:#fff; text-decoration:none;}

.yellow-rule { border-bottom: 8px solid #fab82c; padding: 20px 0px 10px ; margin-bottom: 20px;  }
.yellow-rule a:hover { color:#0392eb; }
.yellow-rule a, a:visited .yellow-rule  { text-decoration:none; }

.dash-rule { border-bottom: 2px dotted #5b5a5a; padding: 20px 0px 10px ; margin-bottom: 20px;  }
.dash-rule a:hover { color:#0392eb; }
.dash-rule a, a:visited .dash-rule  { text-decoration:none; }

.yellow-box { padding: 8px 13px 8px 13px; background-color: #f4f0e7;  text-align: center; center; display:block; margin-bottom: -1.1em;}
.yellow-box a:hover  { color:#0392eb; }
.yellow-box a, a:visited .yellow-box  { text-decoration:none; }

.blue-button { color:#095a8c; padding: 17px 13px; background-color: #c8dfee;  text-align: center; display:block; }
.blue-button a { color:#095a8c;}
.blue-button a:hover  { color:#0392eb; }
.blue-button a:visited  { color:#095a8c; text-decoration:none; }

.paddingnone { padding-bottom: -10px; margin-bottom: -10px;     margin-top: 0px; }

#footer, #footer .container { background-color: #025081; }
#footer { padding-bottom: 100px; }
#footer p { color: #fff; }
        /*********** custom file styles /uploads/sites/crohns/theme/css/custom.css*********/
        

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