@charset "UTF-8";
/* CSS Document */


/************************************************************** viewport >1401 **************************************************************/
@media only screen and (min-width: 1400px) {
.wrapper {width:1380px; margin:0 auto;}
.container {width:100%;}
    
.bg-nav {background: transparent}
    
.imgDesktop {height: 350px!important}


}




/************************************************************** viewport 1301 to 1399 **************************************************************/
@media only screen and (min-width: 1301px) and (max-width:1399px) {
.wrapper {width:1280px; margin:0 auto; }
.container {width:100%;}

.bg-nav {background: transparent}
.imgDesktop {height: 350px!important}

}




/************************************************************** viewport 1201 to 1300 **************************************************************/
@media only screen and (min-width: 1201px) and (max-width:1300px) {
.wrapper {width:1180px; margin:0 auto; }
.container {width:100%;}

.bg-nav {background: transparent}
.imgDesktop {height: 350px!important}

}



/************************************************************** viewport 980 to 1200 **************************************************************/
@media only screen and (min-width: 980px) and (max-width:1200px) {
.wrapper {width:960px; margin:0 auto;}
.container {width:100%}

.bg-nav {background: transparent}
ul.navbar-nav li a {font-size: .95em; padding:5px 8px!important;}
    

}



/************************************************************** viewport 980 to 992 - ac **************************************************************/
@media only screen and (min-width: 980px) and (max-width:992px) {

.navbar-collapse {max-height: 380px; overflow-y: auto; overflow-x:hidden; }

    
.bg-nav {background-color:rgba(251,248,216,1)!important;}
ul#social {margin-bottom:20px!important;}
ul.navbar-nav {margin-top:10px;}
ul.navbar-nav li a {padding:10px 20px!important;}
ul.navbar-nav li a.active {font-weight: bold; border: none!important; background-color:#000; color:#fff!important;}
ul.navbar-nav li a:hover {background-color:#000; color:#fff; border: none!important}
ul.navbar-nav li > ul > li a:hover {color:#000!important}
ul.navbar-nav > li.search >  a:hover {width: 60px;}
    
#articles {height: 310px}
.splide__pagination {bottom:20px!important}

.imgResizeMD {width:70%;}
.imgResizeSM {width:60%;}
.imgResizeXS {width:50%;}
    
}



/************************************************************** viewport 941 to 979 **************************************************************/
@media only screen and (min-width: 941px) and (max-width: 979px) {
.wrapper {width:100%;}
.container {width:100%}
    
.navbar-collapse {max-height: 380px; overflow-y: auto; overflow-x:hidden;}
.bg-nav {background-color:rgba(251,248,216,1)!important;}
ul#social {margin-bottom:20px!important;}
ul.navbar-nav {margin-top:10px;}
ul.navbar-nav li a {padding:10px 20px!important;}
ul.navbar-nav li a.active {font-weight: bold; border: none!important; background-color:#000; color:#fff!important;}
ul.navbar-nav li a:hover {background-color:#000; color:#fff; border: none!important}
ul.navbar-nav li > ul > li a:hover {color:#000!important}
ul.navbar-nav > li.search >  a:hover {width: 60px;}
    
#articles {height: 310px}
.splide__pagination {bottom:20px!important}

.imgResizeMD {width:70%;}
.imgResizeSM {width:60%;}
.imgResizeXS {width:50%;}
}



/************************************************************** viewport 768 to 940 **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 940px) {
.wrapper {width:100%;}
.container {width:100%}

.navbar-collapse {max-height: 380px; overflow-y: auto; overflow-x:hidden;}
.bg-nav {background-color:rgba(251,248,216,1)!important;}
ul#social {margin-bottom:20px!important;}
ul.navbar-nav {margin-top:10px;}
ul.navbar-nav li a {padding:10px 20px!important;}
ul.navbar-nav li a.active {font-weight: bold; border: none!important; background-color:#000; color:#fff!important;}
ul.navbar-nav li a:hover {background-color:#000; color:#fff; border: none!important}
ul.navbar-nav li > ul > li a:hover {color:#000!important}
ul.navbar-nav > li.search >  a:hover {width: 60px;}

#articles {height: 310px}
.splide__pagination {bottom:20px!important}
    
.imgResizeMD {width:70%;}
.imgResizeSM {width:60%;}
.imgResizeXS {width:50%;}
    
}
	
	

/************************************************************** viewport 480 to 767 **************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:100%;}
    
.navbar-collapse {max-height: 380px; overflow-y: auto; overflow-x:hidden;}
.bg-nav {background-color:rgba(251,248,216,1)!important;}
ul#social {margin-bottom:20px!important;}
ul.navbar-nav {margin-top:10px;}
ul.navbar-nav li a {padding:10px 20px!important;}
ul.navbar-nav li a.active {font-weight: bold; border: none!important; background-color:#000; color:#fff!important;}
ul.navbar-nav li a:hover {background-color:#000; color:#fff; border: none!important}
ul.navbar-nav li > ul > li a:hover {color:#000!important}
ul.navbar-nav > li.search >  a:hover {width: 60px;}
    
#articles {height: 310px}
.splide__pagination {bottom:20px!important}
#quote {width:70%;}

#lessText {overflow: hidden; max-width: 15ch; text-overflow: ellipsis; white-space: nowrap;}
    
.responsive-map{padding-bottom:66.25%!important;}

}



/************************************************************** viewport 321 to 479 **************************************************************/
@media only screen and (min-width: 321px) and (max-width: 479px) {
.wrapper {width:100%;}
    
.navbar-collapse {max-height: 330px; overflow-y: auto; overflow-x:hidden;}
.bg-nav {background-color:rgba(251,248,216,1)!important;}
ul#social {margin-bottom:20px!important;}
ul.navbar-nav {margin-top:10px;}
ul.navbar-nav li a {padding:10px 20px!important;}
ul.navbar-nav li a.active {font-weight: bold; border: none!important; background-color:#000; color:#fff!important;}
ul.navbar-nav li a:hover {background-color:#000; color:#fff; border: none!important}
ul.navbar-nav li > ul > li a:hover {color:#000!important}
ul.navbar-nav > li.search >  a:hover {width: 60px;}
    
#articles {height: 310px}
.splide__pagination {bottom:20px!important}
#quote {width:90%;}
    
.breadcrumb-container {left:20px;}
#lessText {overflow: hidden; max-width: 8ch; text-overflow: ellipsis; white-space: nowrap;}

.responsive-map{padding-bottom:76.25%!important;}
    
#searchfrm {width: 250px!important}

}


/************************************************************** viewport <320 **************************************************************/

@media only screen and (max-width: 320px) {
.wrapper {width:100%}
    
.navbar-collapse {max-height: 330px; overflow-y: auto; overflow-x:hidden;}
.bg-nav {background-color:rgba(251,248,216,1)!important;}
ul#social {margin-bottom:20px!important;}
ul.navbar-nav {margin-top:10px;}
ul.navbar-nav li a {padding:10px 20px!important;}
ul.navbar-nav li a.active {font-weight: bold; border: none!important; background-color:#000; color:#fff!important;}
ul.navbar-nav li a:hover {background-color:#000; color:#fff; border: none!important}
ul.navbar-nav li > ul > li a:hover {color:#000!important}
ul.navbar-nav > li.search >  a:hover {width: 60px;}
    
#articles {height: 310px}
.splide__pagination {bottom:20px!important}
#quote {width:100%;}
    
.breadcrumb-container {left:13px;}
#lessText {overflow: hidden; max-width: 8ch; text-overflow: ellipsis; white-space: nowrap;}

.responsive-map{padding-bottom:76.25%!important;}
#searchfrm {width: 230px!important}
}