/*
Theme Name: The Living Bog
Author: Gary Kelly
*/
.homeButtons {text-align: center; margin-bottom: 40px; margin-top:20px;}
.homeButtons a {border: 2px solid #7e7f34; padding: 10px;}
/*GENERAL*/
html, body{margin:0; padding:0;}
body{position:relative;}
*{padding:0; margin:0; border:none; outline:none;}
.clear{clear:both;}
h1, h2, h3, h4, h5, h6, p, li, label, a, div, label, input, textarea{color:#231F20; font-weight:normal; font-family:'Lato', sans-serif;}
h1{font-size:22px; font-weight:bold; text-align:center; color:#7E7F34;}
h2{font-size:22px; font-weight:bold; color:#7E7F34; margin-bottom:5px;}
h3{font-size:18px; font-weight:bold; margin:5px;}
p, li, label, a, div, label, input, textarea{font-size:16px; line-height:160%; color:#231f20;}
li{list-style:none;}
.list li {list-style-type:disc; list-style-position: inside;}
.list li ul li {list-style-type:circle; list-style-position: inside; margin-left: 20px;}
.legal h1, .legal h2, .legal h3, .legal p, .legal ul {
	margin: auto;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 16px;
}
a{color:#000000; text-decoration:none;}
input, textarea{background:#f2f2f2; width:100%; padding:5px;}
textarea{height:100px !important;}
.hide{display:none;}
.center{text-align:center;}
.justify{text-align:justify;}
section img{max-width:100%; height:auto;}
strong{}
.half{width:49%;}
.left{float:left;}
.right{float:right;}
.yellow{color:#c6a900;}
hr{margin:10px auto; width:40%; border-bottom:1px solid #c6a900;}
.aligncenter{text-align:center; display:block; margin:0 auto;}
iframe{max-width:100%; display:block; text-align:center; margin:0 auto;}

/* LOGGED IN */
body.logged-in header{margin-top:32px;}
.body.logged-in a:target:before{content:""; display:block; height:100px; margin-top:-100px;}

/*HEADER*/
header{width:100%; background-color:#fff; height:80px; position:fixed; top:0; z-index:10;}
.spacer{width:100%; height:80px;}
.container{width:1140px; margin:0 auto; position:relative;}
body.home .logo{width:150px; position:absolute; top:5px; left:0; z-index:5; transition:all 0.3s;}
.logo{width:75px; position:absolute; top:5px; left:0; z-index:5; transition:all 0.3s;}
figure{width:100%; overflow:hidden;}

header.smaller .logo{width:75px;}

/*TOP NAV*/
nav.main{margin-top:30px; float:right;}
nav.main li{list-style-image:none; list-style-type:none; float:left; position:relative;}
nav.main li a{color:#7e7f34; font-size:16px; padding:10px; font-weight:bold;}
nav.main li:nth-of-type(2n) a{color:#c6a900;}
nav.main li a img{width:25px; margin-bottom:-12px;}
nav.main li a:hover{opacity:0.9;}
.smi{margin-top:-5px;}

nav.main li ul{width:auto; margin:0; position:absolute; background:#fff; top:100%; left:0; display:none; opacity:0; visibility:hidden; z-index:15; padding-top:20px;}
nav.main li ul li{display:block; text-align:left; margin:0; width:200px; float:none;}
nav.main li ul li+li{border-top:2px solid #f9f9f9;}
nav.main li ul li:hover{background:#f4f3d3;}
nav.main li ul li a{color:#231f20; font-weight:normal; font-family:'Lato', sans-serif; padding:10px; display:block; font-size:16px;}
nav.main li ul li:nth-of-type(2n) a{color:#231f20;}
nav.main li ul li img{display:none;}
nav.main li:hover ul{display:block; opacity:1; visibility:visible;}
.nav_thumb{display:none !important;}

/*MAIN CONTENT*/
main{width:100%;}
main p{margin-bottom:10px;}
section{width:1140px; margin:20px auto;}
section a{color:#c6a900;}
section a:hover{color:#7e7f34;}
article ul{margin-bottom:10px;}
article li{list-style-type:disc; margin-left:20px;}
body.home section{text-align:center;}
article{width:80%; float:left;}
aside.right{width:19%; float:right; margin:0 0 20px 1%;}
aside.left{width:19%; float:left; margin:0 1% 20px 0;}
aside.left h2{color:#fff; background:#7e7f34; font-size:14px; width:94%; padding:5px 3%; margin-bottom:2px;}
aside img{max-width:100%;}
.metaslider{margin:0 0 10px;}
.featured-image{width:100%; position:relative; padding-bottom:20%;}
.featured-image img{width:100%; height:auto; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;}
.wp-caption{margin:10px auto; box-shadow:1px 1px 3px rgba(0,0,0,0.2); padding:5px; text-align:center; max-width:98%;}
.wp-caption p{margin-bottom:0;}

.category-list{text-align:center;}
.category-list li{width:200px; display:inline-block; margin:20px; vertical-align:top;}
.cat-feat-img{width:200px; height:140px; position:relative; overflow:hidden;}
.cat-feat-img img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:110%; height:auto;}

.bog-list{width:100%;}
.bog-list a{color:#7e7f34; background:#f4f3d3; width:94%; padding:5px 3%; margin-bottom:2px; display:block;}
.bog-list a:hover{background:#adae5a; color:#fff;}
.bog-list .current{background:#adae5a; color:#fff;}
.bog-list .sub-menu li a{background:#fcfcf1; width:90%; padding:5px 3% 5px 7%;}
.bog-list .sub-menu li a:hover{background:#adae5a; color:#fff;}

.bogs a{width:265px; display:inline-block; margin:10px; text-align:center;}
.bogs a .thumbnail{width:100%; height:180px; overflow:hidden;}
.bogs a .thumbnail img{width:106%; margin:-3%; height:auto; transition:all 1s;}
.bogs a:hover img{transform: scale(1.1);}
.bogs a h2{color:#7E7F34;}

.info-pages{position:relative; overflow:hidden; width:100%; height:auto;}
.secondary-home-slider{height:100%; width:auto; position:absolute; z-index:-1; top:0; left:0; right:0; height:100%;}

.secondary-home-slider .metaslider{height:100% !important; max-width:none !important;}
.secondary-home-slider .metaslider div#metaslider_container_27{height:100% !important;}
.secondary-home-slider .metaslider div#metaslider_container_27 div#metaslider_27{height:100% !important;}
.secondary-home-slider .metaslider div#metaslider_container_27 div#metaslider_27 ul.slides{height:100% !important;}
.secondary-home-slider .metaslider div#metaslider_container_27 div#metaslider_27 ul.slides li.ms-image{height:100% !important;}
.secondary-home-slider .metaslider div#metaslider_container_27 div#metaslider_27 .slides img{width:auto !important; height:100% !important; display:block;}

.info-pages section article{float:right; width:500px;}
.info-page{width:480px; float:right;}
.info-page+.info-page{margin-top:20px;}
.info-page .thumbnail{overflow:hidden; width:230px; height:160px; float:right;}
.info-page .thumbnail img{width:240px; height:auto; margin:-5px; transition:all 0.5s;}
.info-page:hover img{opacity:0.8;}
.info-page .text{width:200px; float:right; margin-right:20px; text-align:right;}
.info-page .text p{color:#fff;}
.info-page .text h2{color:#fff; text-align:right;}

figure.info{min-height:420px;}
.info .metaslider .caption-wrap{bottom:0; top:0; left:0; right:0; background:none; opacity:1; width:1140px; margin:0 auto; line-height:1.4em;}
.info .metaslider .caption-wrap .caption{width:250px; float:right; padding:50px 0; text-align:center;}
.info .metaslider .caption-wrap .caption img{width:100%; margin:10px 0; height:auto; min-height:auto;}
.info .metaslider .caption-wrap .caption a{margin:10px auto; text-align:right; background:#fff; padding:5px; display:inline-block;}
.info .metaslider .caption-wrap p{color:#fff; font-size:16px;}
.info .metaslider .caption-wrap h2{color:#fff; font-size:24px; margin:10px 0;}
.info .metaslider .slides img{width:auto; min-width:100%; display:block; min-height:420px;}

/* EVENTS CALENDAR */
.tribe-events-calendar th{background-color:#7e7f34; color:#fff;}
#tribe-events-content .tribe-events-calendar td, #tribe-events-content table.tribe-events-calendar{border:3px solid #fff;}
.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a{color:#7e7f34; background-color:#f4f3d3;}
.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a{color:#7e7f34; background-color:#f4f3d3;}
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {background-color:#7e7f34; color:#fff;}
h2.tribe-events-page-title{font-size:22px; font-weight:bold; text-align:center; color:#7E7F34;}

/*FOOTER*/
.partners{text-align:center; width:100%; padding:20px 0; margin-top:150px; border-top:1px solid #f9f9f9;}
.partners img{height:100px; margin:0 60px 20px;}
footer{width:100%; margin:0; padding:40px 0; background:#7e7f34;}
footer article{width:32%; float:left; margin-bottom:20px;}
footer article+article{margin-left:2%;}
footer article li{list-style-type:none; margin-bottom:7px;}
footer p, footer a{font-size:14px; color:#fff; text-align:center; display:block;}
footer h3{color:#c6a900; text-align:center;}
.copyright {
	border-top:1px solid #c6a900;
	color: #fff;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}
.copyright a {
	color: #fff;
	display: inline;
	text-decoration: underline;
}
.copyright a:hover {
	color: #c6a900;
}

/*RESPONSIVE*/
@media (max-width:1200px){
.container{width:960px;}
figure > .metaslider{width:120% !important; margin:0 -10%;}
section{width:960px;}
.info .metaslider .caption-wrap{width:75%;}
}

@media (max-width:1000px){
.container{width:90%;}
section{width:90%;}
article{width:75%;}
aside.right{width:24%;}
aside.left{width:24%;}
}

@media (max-width:720px){
article{width:100%;}
aside.right{width:100%;}
aside.left{width:100%;}
footer article{width:100%;}
footer article+article{margin-left:0;}
}

/*Removing some default CSS from our language switcher*/
.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {
  margin-bottom: 0;
}
  
.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {
  background-color: transparent !important;
}
  
.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {
  padding: 5px;
}
  
  
/*Customize this if you want*/
.wpml-floating-language-switcher {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #fff; /*background color*/
  border: 1px solid; /*border settings*/
  border-color: #eee; /*color of the border*/
  padding: 0px; /*padding of container*/
  border-radius: 6px; /*rounded border*/
  /*Box Shadow*/
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
}

.wpml-ls-link span {
	font-weight: 600;
}