/*
Theme Name: BootSTheme
Author: CandyEyesDesigns
Author URI: http://www.candyeyes.es
Description: CandyEyesDesigns | High quality website and graphic designs
Version: 2021.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
* {box-sizing: border-box;
}

html, body {background-color: #ffffff; font-family: Poppins-regular; padding:0; font-size: 13px;height:100%;  margin:0; display: flex; flex-direction: column;}

body {height:auto;}

a, a:link, a:visited {text-decoration: none;color:#1a545a;}
a:hover {opacity:0.8;border-bottom:2px solid #e0dcc7;}

ul {margin:0; padding:0;list-style-type:none;}

li a,
li a:visited {text-transform:uppercase;font-size:12px;list-style-type:none;color:#1a545a;}
li a:hover {opacity:0.8;text-transform:uppercase;font-size:12px;list-style-type:none;}

@font-face {font-family: "Poppins-regular";src: url("fonts/Poppins-Regular.otf");}
@font-face {font-family: "Poppins-semibold";src: url("fonts/Poppins-SemiBold.otf");}
@font-face {font-family: "Poppins-bold";src: url("fonts/Poppins-Bold.otf");}
@font-face {font-family: "Stencil";src: url("fonts/STENCIL.TTF");}
@font-face {font-family: "Channel";src: url("fonts/Channel_Slanted1.ttf");}
@font-face {font-family: "Broadway";src: url("fonts/BROADW.TTF");}

#headercontainer {width:100%;height:auto;margin:0%;padding:0%;display:block;}
#headercontainer img {margin-bottom:0px; padding: 0px;display:block;}
#header {margin:0%;padding:0%;width:100%;height:auto;}
.headercontent {width:100%;height:auto;margin:0%;padding:0%;}

.topMenu {display: none;position: fixed;top: 0;width: 100%;border-bottom: 2px solid #eeeeee;background: white;z-index: 99999;}

.menuitems {background-color:#ffffff;font-family: Poppins-semibold;margin:0;padding-top:15px;background: url(images/vintagelogo.png) no-repeat left 50px top 10px; background-size: 10%;padding-bottom:15px;border-bottom: 0px solid #eeeeee;letter-spacing:2px;}
.menuitems li {list-style-type: none;font-size:14px; text-transform: uppercase;display:inline-block;padding:5px 10px 0px 10px;display:inline-block;}
.menuitems li a, 
.menuitems li a:visited {color: #834754;}
.menuitems li a:hover {color:#834754;opacity:0.8;}
.menuitems li a:visited:hover {color:#834754 !important;opacity:0.8;}

#menudiv {width:100%;height:auto;background:url(images/header_02.png) top left; background-repeat:-no-repeat; height:60px;background-size:cover;padding-top:0;margin-top:0;display:block;margin-bottom:30px;}
#menuitems {width:60%;height:auto;display:inline-block !important;}
#menuitems img {display:inline-block !important;}

#headerbot {width:90%;height:auto;border-bottom: 0px solid #e0dcc7;padding-bottom:10px;}

.headerbotleft {margin:2% 2% 0% 4%; padding:0% 0% 0% 0%;border: 0px solid #cecece;width: 50%;float: left;}
.headerbotright {margin: 2% 4% 0% 0%; padding:0% 0% 0% 0%;border: 0px solid #cecece;width: 40%;float: right;}

#coppermine {width:100%; text-align:center;padding-top: 10px;}
#coppermine img {border: 1px solid #e0dcc7; padding:8px;border-radius: 0px;margin:0% 2% 0% 4%;width:90%;border-radius:0px;}
#coppermine a:img {border: 1px solid #e0dcc7; padding:8px;border-radius: 0px;width:90%;margin:0% 2% 0% 4%;}
#coppermine img:hover {border: 1px solid #345e81; padding:8px;border-radius: 0px;opacity:0.8;margin:0% 0% 0% 4%;border-radius:0px;}
#coppermine a:img:hover {border: 1px solid #345e81; padding:8px;border-radius: 0px;opacity:0.8;}

#coppermine a {padding:8px;border-radius: 0px;width:90%;margin:0% 2% 0% 4%;}
#coppermine a:hover {padding:8px;border-radius: 0px;opacity:0.8;margin:0% 0% 0% 4%;border-radius:0px;border:0px;}


#welcomems {width:100%;height:auto; border: 5px solid #e0dcc7;color: #666;font-size:90%;padding:8px;font-family:Poppins-regular;line-height:180%;margin: 0px 0px 20px 0px;}

.welcomemsbred {color:#834754;font-weight:bold;}
.welcomemsbblue {color:#345e81;font-weight:bold;}
.welcomemskblack {color: #333;font-style: italic;}

.headercontainer {width: 100%; height: auto;margin:0; padding:0;}
.headercontent img {margin-bottom:0px; padding: 0 0 0 0;border-bottom-left-radius: 0% 0%;border-bottom-right-radius: 0% 0%;;}
.headercontent {width:100%;height:auto;z-index:1;}


.container { width:100%;height:auto;}
.contentcontainer {width: 100%; height: auto;margin-top:0;position:absolute;}
#contentdiv {width:100%;height:auto;border-bottom: 0px solid #e0dcc7;padding-bottom:10px;}

.columns {width:100%: height:auto;padding-top:0px;}
.columnleft {margin:4% 0% 0% 8%; padding:1.6% 3% 1.6% 3%;border: 1px solid #cecece;width: 55%;float: left;}
.columnright {margin: 4% 8% 0% 4%; padding:0% 0% 0% 0%;;border: 0px solid #cecece;width: 25%;float: right;}
.ng-row {clear: both;}

.post {font-size: 100%; font-family:Poppins-regular;line-height:15px;color: #666;}

.posttitle {width:100%;padding: 2% 0% 2% 0%; font-family:Poppins-bold;line-height:15px;color: #834754;text-transform: uppercase;font-size:110%;text-transform:capitalize;background-color: #1a545a;}
.posttitle a, 
.posttitle a:visited {width:100%;padding-bottom: 1%; font-family:Poppins-bold;line-height:15px;color: #fff;text-transform: uppercase;font-size:110%;text-transform:capitalize;}

.posttitle a:hover, 
.posttitle a:visited:hover {opacity:0.8;}


.postmeta {padding-top:1%;font-size: 80%; font-family:arial;line-height:15px;color: #1a545a;font-weight:bold;text-transform: uppercase;}
.postmeta a, .postmeta a:visited {padding-top:1%;font-size: 100%; font-family:arial;font-weight:bold;text-transform: uppercase;color: #1a545a;}

.postmeta a:hover, 
.postmeta a:visited:hover {opacity:0.5;}

.posttext {line-height:200%;text-align:justify;font-size: 100%; font-family:Poppins-regular;color: #666;padding-top:20px;}
.posttext a {color:#1a545a;font-weight:bold;}
.posttext b {font-weight:bold;}

.wp-block-quote {border:1px solid #e0dcc7;padding: 0% 2% 0% 2%;}

.posttext img, 
.posttext img a {width:75%;height:auto;border: 1px solid #e0dcc7;margin:5px;padding:8px;border-radius:0px;}
.posttext img:hover, 
.posttext img a:hover {border: 1px solid #345e81;margin:5px;padding:8px;border-radius:0px;opacity:0.8;}

#sidebartext {width:100%;height:auto;border: 1px solid #cecece;margin: 0% 0% 10% 0%;padding:4% 3% 10% 3%;color:#666666;}

#sidebartext ul {width:96%;height:auto;border: 1px solid #cecece;margin: 2%;padding:2%;color:#666666;text-align:center;}

#sidebartext li a, #sidebartext li a:visited {width:100%;height:auto;border: none;margin: 2%;padding:2%;color:#834754;text-align:center;font-weight:bold;font-size:90%;text-transform:capitalize;}

#sidebartext li a:hover {opacity:0.8;}

#sidebartitle {width:100%;font-size: 100%; font-family:Poppins-bold;line-height:15px;color: #834754;text-transform: uppercase;padding-bottom:0%;width:100%;padding: 0% 0% 1% 0%;}

#sidebartext b {font-weight:bold;}
#sidebartext a {color: #834754;font-weight:bold;}


.titre {padding:2%;background-color: #d7d2b9;color:#ffffff;}

input[type="submit" i] {color:#ffffff;background-color: #d7d2b9;border:5px solid #d7d2b9;}



@media screen and (max-width: 800px) {
  .article-loop {
    width: 99%;
  }
}
@media screen and (max-width: 400px) {
  .content-area,
  .primary-sidebar {
    width: 100%;
  }
}