.sm-icons img, .sm-icons2 img {-webkit-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; -moz-tnransition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; -o-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; }


h1 { margin-top:0;font-weight:400;font-size:2.2em;}
h2 {/*green*/color:#99CA3B;font-size:2em;color: #7C8278;} 
h3 {font-weight:400; font-size:1.8em;}
h4 {font-weight:400; color:#7C8278; font-size:1.4em; }
h5 {font-weight:700;}
h6 {font-weight:700;color:#7C8278; font-size:1em } 

p.small {font-size:.8em;line-height:1.3; }

p a { color:#069; text-decoration:underline;/*color:#09C;*/ }

p a:hover, p a:active {color:#09C}

p a.btn, p .btn:hover, p .btn:active {text-decoration:none !important}

.tag-break h2 {/*green*/color:#99CA3B;}

h3#sidebar-title {font-size:1.6em;}

.page-title h1 {color:#99CA3B;font-size:2.5em;}

#tagline {font-family:'IM Fell English'; text-transform:uppercase; letter-spacing:.03em; color:#FFF;font-size:13px; position:absolute; width:300px; left:50%; top:116px; margin-left:-87px; text-align:center; }
 
/* content on interior pages */
#bg2 #content, .tag-break {background:#FFF; background:rgba(255,255,255,0.65)}

hr {border-top:1px solid #E0E0D0; clear:none; display:block; }

/* Tag Selection Areas and Styles */
.tag-sidebar-box { background:#F5F6F2; padding:10px 20px 24px 19px; margin-left:-19px; margin-top:20px  }
.tag-sidebar-box hr { border-top:1px solid #E0E0D0; border-bottom:1px solid #FFF;  }
.tag-sidebar-box a { text-decoration:none !important; }
.tag-article-box { padding:25px 19px 15px 19px; margin-left:-19px; }

/* selected tags in right main column */ 
#page-content .selected-tags { border-top:1px solid #ECEDE5; border-bottom:1px solid #ECEDE5; margin-bottom:24px;}

/* selected tag links - with remove icon */
.selected-tags a { background-color:#FFF; padding:2px 6px; white-space:nowrap; display:inline-block; border:2px solid #ECEDE5; border-radius:20px; -moz-border-radius:20px; text-decoration:none !important; }

/*selected tag links in sidebar */
#sidebar .selected-tags {padding-bottom:10px;}
#sidebar .selected-tags a {margin:0 6px 6px 0;}

.tag-break {padding:10px 2%; margin:15px 0 0 0;}
.tag-break h2 {padding:0 0 24px 0; margin:0;}
.tag-break h5, .articles h5 {font-size:1.0em; }

/*alter padding for tag break items */
.tag-break li { padding:0 5% 15px 1%; }

/*header-links*/
#header-links { display:none; }

footer {}
#footer-block {max-width:1100px; margin:0 auto; background:#ECEDE5; height:100%; padding:15px 0;}
#footer-block small, #footer-block small a { color:#CCC; }

/* comments */

.comment-form {position:relative; padding:15px 19px; margin-left:-19px; }
.comments-table {width:80%; margin:15px 0;}

.comments-table td {padding:2px 15px;}

.comments-table input[type="text"] , .comments-table input[type="email"] , .comments-table textarea {width:100%;}

/* dotted lines */
.comment-form::before, .comment-form::after {content:""; background:url(/content/library/dot.png) repeat-x; height:4px; width:100%; display:block;    }


/* search and email input fields */
#header-search input.search-field, #emailform2 #textfield {height:36px; line-height:36px; padding: 0 3%; }

#email_2 {height:36px; line-height:36px; padding: 0 3%; }

/* content on interior pages */
#bg2 #content { box-shadow:0px 0px 4px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2); }

/* tag breaks */
.tag-break {background:#FFF; box-shadow:0px 0px 4px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2);}

/*tag break titles */
.tag-break h5 { font-size:.9em; }

.tag-break .thumb img {width:100%;}

/* view all button */
.view-all {float:right;}
.view-all a { color:#FFF !important; text-decoration:none !important;}


/* sidebar and side-nav */

#sidebar h3 {margin-top:0;}

h3#sidebar-title {margin-bottom:0;}

.side-nav { margin-bottom:24px; }

.side-nav li {line-height:130%; margin-bottom:4px; border-bottom:1px solid #ECEDE5; padding:3px 0 6px 0; }

.side-nav li a {font-size:.9em;}

.side-nav li ul {padding-top:4px;}

.side-nav li li, .side-nav li:last-child {border-bottom:none;}

.side-nav li li { padding:0; line-height:120%; font-size:.9em}

.side-nav li.divider {display:none;}

/* special features area */
.special-features {/* tan */ background-color:#F9F8F5; /* mintbackground-color:#F5FEF4;*/ /*bluebackground-color:#F4FEFC; */border:1px solid #FFF; }

/*contact form */
#com_contact_form td {padding:8px 5px 0 0;}

/* social media icons */
.sm-icons img:hover, .sm-icons img:active, .sm-icons2 img:hover, .sm-icons2 img:active {
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
 }


/* slideshow caption adn prev next */
.sy-controls {z-index:10;height:40%; top:30% !important; }

/* slider captions */
.caption {padding:5px 2%; bottom:15px; left:0;background:rgba(0,0,0,0.65); }
.caption h1, .caption h2, .caption h3, .caption h4, .caption h5, .caption h6, .caption p, .caption btn {line-height:120%;margin:0 }


.sm-icons2, #emailform2 {display:block;}
.sm-icons2 img {height:30px !important; width:30px !important;}

.sm-icons2 a {margin:0 4px;}


.copyright {padding-top:24px;}

/* first two footer columns */
.brown, .farkus {text-align:left;font-family: 'Noto Sans', sans-serif !important;
}


/*==============================================*/
@media screen and (max-width:767px) {
/* header on small screens */

#wrapper { padding-top:0; }
header { background:none; background-color:#7D8379; padding:0 2%;  }

.sm-icons, #emailform {display:none;}

#header-search, .navbar {margin-top:50px;}

#page-content {padding:20px;}

.tag-sidebar-box {margin-left:0;}

}



/*==============================================*/
@media screen and (max-width:500px) {
body#bg1, body#bg2 {background-image:none; background-color:#7D8379;}


#content {background:#FFF !important;}

.copyright {text-align:center !important;}

footer, #footer-block, .push {height:auto !important;}

#wrapper { margin-bottom:0 !important;}


.sm-icons2, #emailform2 {display:block; margin-top:30px;}



/* first two footer columns */
.brown, .farkus {text-align:center;}

}


/*==============================================*/
@media screen and (min-width:501px) {
/* .sm-icons2, #emailform2 {display:none; } */
}

/*==============================================*/
@media screen and (min-width:768px) {

#wrapper {margin: 0 auto -240px;}

footer, .push {height:240px !important;}

/* position background */
body {background-size:auto; background-position:-300px top;}

/* header */
header {background-color:none; background-position:right top; background-repeat:no-repeat;  }

header {padding-top:8px; height:233px;}

#header-search input.search-field { font-size:1.2em; }

/* position nav bar */
#nav {position:absolute; top:157px; left:0; width:100%; /*background:rgba(255,255,255,0.3);*/}

.navbar-collapse {padding:0;}

/* dotted lines */
#nav::before, #nav::after {content:""; background:url(/content/library/dot.png) repeat-x; height:4px; width:100%; }

#nav li a {text-transform:uppercase; font-size:.8em; font-weight:400; padding:6px 0 !important; margin:9px 8px; text-shadow:1px 1px 0px #FFF; }

#nav li li a {text-transform:none; font-size:1em; padding:3px 15px !important; margin:0; }

.navbar li.active>a {border-bottom:2px solid #677E86;}

/* hide home and about tab */
#tab0, #tab9 {display:none;}

/* logo size and position */
#logo { width:300px; margin:0; padding:0; left:0;}

#tagline { position:absolute; top:112px; left:123px; margin-left:0; z-index:3; text-align:left; }

/* styles for search on home page */
#bg1 #header-search { position:absolute; top:243px; left:auto; right:0; margin:0; padding:0;  width:36%; z-index:3;}

/* styles for search on interior pages */
#bg2 #header-search { position:absolute; top:223px; left:2%; right:auto; margin:0; padding:0;  width:46%; z-index:3;}

/* search and email input fields */
#header-search input.search-field, #emailform #textfield {height:48px; line-height:48px; width:85.5%; position:relative; top:-8px; padding: 0 3%; }

#email_1 {height:48px; line-height:48px; width:85.5%; position:relative; top:-8px; padding: 0 3%; }

/* search button on home page */
#header-search .search-button {font-size:33px; color:#677E86; margin-top:4px; }

/*header text*/
#header-text {position:absolute; top:0; left:0; z-index:2; width:100%; }

/* show and hide sm-icons and emailform */

.sm-icons, #emailform {display:block;}

/*.sm-icons2, #emailform2 {display:none;}*/

/* social media icons*/
.sm-icons a, .sm-icons2 a{margin:0 8px 0 4px; }
#bg1 .sm-icons {position:absolute; top:334px; left:auto; right:0; margin:0; padding:0;  width:36%; z-index:3; }
/* social media icons on interior pages */
#bg2 .sm-icons {position:absolute; top:233px; right:2%; left:auto; margin:0; padding:0;  width:50%; z-index:3; text-align:right;}
#bg2 .sm-icons h4 {display:none;}
#bg2 .sm-icons img {height:32px !important; width:32px !important;}

/*styles for email form on home page */
#bg1 #emailform { position:absolute; top:453px; left:auto; right:0; margin:0; padding:0;  width:36%; z-index:3; }
#bg2 #emailform { display:none; position:absolute; top:200px; left:auto; right:50%; margin:0; padding:0;  width:36%; z-index:3; }
#emailform input#textfield {width:74%; }
#emailform input#email_1 {width:74%; }
#bg1 #emailform .btn {position:relative; top:-9px; padding:14px;}


/* content on home page */
#bg1 #content {padding-top:0;}
#bg1 #content .relative {padding-bottom:10px;}
/* slider */
#bg1 .sy-box {width:60%; margin:0; }

.sy-slides-crop {box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}

#bg2 #content {margin-top:50px;}

.sy-pager li a {background-color:#677E86;}
.sy-pager li.sy-active a {background-color:#99CA3B;}

/*header-links*/
#header-links {display:block; position:absolute; z-index:11; right:2%; top:-24px;}
#header-links a { /* text-transform: uppercase; */ font-size: 1.15em; font-weight: 400; font-family:'IM Fell English', Times, serif; display:inline-block; margin-left:24px;  }
#header-links a:hover, #header-links a:active {text-decoration:none; }

}

/*==============================================*/
@media screen and (min-width:880px) {


#nav li a { font-size:.9em; margin:9px 10px;}
}

/*==============================================*/
@media screen and (min-width:990px) {

#nav li a { font-size:1em; margin:9px 12px;}

}


/*==============================================*/
@media screen and (min-width:1130px) {

#bg2 .sm-icons {right:0;}

#header-links { right:0; }

#bg2 #header-search {left:0;}

#nav li a { font-size:1.05em; margin:9px 15px;}

}

/* --- for CK Editor _-*/
.cke_wysiwyg_frame body {background:#FFF !important;background-color:#FFF !important;.cke_menu_panel}