/*
Theme Name:         908 Carnaxide
Theme URI:          http://908carnaxide.pt
Description:        Tema desenvolvido para o Agrupamento de Escuteiros 908 de Carnaxide.
Version:            1.0.0
Author:             Mialo
Author URI:         http://mialo.pt

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/*
Cores de Junho 2020
Beje claro do cabeçalho #e6e67e
Beje escuro do cabeçalho #9c8e02
Verde claro do cabeçalho #007400
Verde escurão do cabeçalho #011608
Verde aberto do banner #007400
Verde não tão aberto do footer #004100

*/

/* -------------------------------------------------- 

	This stylesheet will not be loaded in the front
	end by default.
	
	If you are using Sass, the main stylesheet in
	css/style.css and scss/style.scss. Style.scss has
	already loaded the main Foundation Sass and Normalize.
	Start learning Sass today and have fun and enjoy
	customizing Reverie.
	
	If you are using vanilla CSS to customize Reverie,
	go to functions.php line 23 and follow the instruction
	to enable CSS support, then start editing this file.

-------------------------------------------------- */

/* Start to customize Reverie */

header.row,
.container.row,
.row.full-width {
  background-color: rgba(255, 255, 255, 0.9);
}

h4.subheader, ol.commentlist cite.subheader.fn {
  margin-top: -1em;
}

.page-numbers {
  display: block;
  margin-left: -0.3125em;
  height: 1.5em;
}
.page-numbers li {
  display: block;
  float: left;
  margin-left: 0.3125em;
  height: 1.5em;
  color: #e6e67e;
  font-size: 0.875em;
}
.page-numbers li a {
  display: block;
  padding: 0.0625em 0.4375em 0.0625em;
  color: #e6e67e;
}
.page-numbers li:hover a,
.page-numbers li a:focus {
  background: #e6e67e;
}
.page-numbers li.unavailable a {
  color: #e6e67e;
  cursor: default;
}
.page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus {
  background: transparent;
}
.page-numbers li.current a {
  background: #9c8e02;
  color: white;
  font-weight: bold;
  cursor: default;
}
.page-numbers li.current a:hover, .page-numbers li.current a:focus {
  background: #9c8e02;
}

.page-numbers li span:hover a,
.page-numbers li span a:focus {
  background: #e6e67e;
}
.page-numbers li span.current {
  padding: 0.0625em 0.4375em 0.0625em;
  background: #9c8e02;
  color: white;
  font-weight: bold;
  cursor: default;
}

ol.commentlist {
  margin-top: 2em;
  margin-left: 0;
}
ol.commentlist li {
  margin-bottom: 2em;
  list-style: none;
}
ol.commentlist .comment-author img {
  float: left;
  margin: 0 1em 0 0;
  border-radius: 50%;
}
ol.commentlist .author-meta {
  display: inline-block;
}
ol.commentlist cite.fn {
  margin-right: 0.5em;
}
ol.commentlist section.comment {
  margin-bottom: 1.25em;
  padding: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e67e;
  background: white;
}
ol.commentlist section.comment h1, ol.commentlist section.comment h2, ol.commentlist section.comment h3, ol.commentlist section.comment h4, ol.commentlist section.comment cite.fn, ol.commentlist section.comment h5, ol.commentlist section.comment h6, ol.commentlist section.comment p {
  color: #007400;
}
ol.commentlist section.comment > :first-child {
  margin-top: 0;
}
ol.commentlist section.comment > :last-child {
  margin-bottom: 0;
}
ol.commentlist section.comment h1, ol.commentlist section.comment h2, ol.commentlist section.comment h3, ol.commentlist section.comment h4, ol.commentlist section.comment cite.fn, ol.commentlist section.comment h5, ol.commentlist section.comment h6 {
  margin-bottom: 0.625em;
  line-height: 1;
}
ol.commentlist section.comment h1.subheader, ol.commentlist section.comment h2.subheader, ol.commentlist section.comment h3.subheader, ol.commentlist section.comment h4.subheader, ol.commentlist section.comment cite.subheader.fn, ol.commentlist section.comment h5.subheader, ol.commentlist section.comment h6.subheader {
  line-height: 1.4;
}
ol.commentlist a.comment-reply-link {
  position: relative;
  bottom: 1em;
  float: right;
}

ul {
  margin-left: 1.25em;
}

figure {
  margin-bottom: 1.25em;
}

input.prefix.button {
  line-height: 1;
}

#sidebar input.prefix.button {
  line-height: 0.7;
}

img.alignright {
  float: right;
  margin: 0 0 18px 18px;
}

img.alignleft {
  float: left;
  margin: 0 18px 18px 0;
}

img.aligncenter {
  display: block;
  margin: 18px auto;
}

figure.figure {
  display: inline-block;
  margin: 0 auto;
}
figure.figure figcaption {
  margin-bottom: 1.25em;
  padding: 8px 10px;
  color: gray;
}

figure.alignright.figure {
  float: right;
  margin: 0 0 18px 18px;
}

figure.alignleft.figure {
  float: left;
  margin: 0 18px 18px 0;
}

/* ==========================================================================
   General
   ========================================================================== */

body {background:#011608; font-family: arial;} /*'Open Sans', sans-serif;*/
ul {list-style: none inside;}

/*link PDF*/
a {outline: none; }
a, a:hover{color:#37aa00;text-decoration:none;}
a:hover, a:focus {color: #007400;}

b {outline: none; }
b, b:hover{color:#007400;text-decoration:none;}
b:hover, b:focus {color: #ffffff;}

d {outline: none; }
d, d:hover{color: #ffffff; font-weight: bold; text-decoration:none;}
d:hover, d:focus {color: #827601; font-weight: bold;}

h1,h2,h3,h4,h5,h6{font-family: arial;} /*'Patua One', sans-serif;*/

/* Span Titles */

.spanTitleContainer{
	margin: 30px 0px 30px 0px;
	text-align: center;
	text-color: black;
	}

.spanTitle{
	margin-top: 0;
	padding: 10px 20px;
	background: #004100;
	color: white;
	font-size: 22.5px;
	font-weight: bold;
	font-family: arial; /*'Patua One';*/
	}

.spanTitle2, .spanTitle2:hover{
	margin-top: 0;
	padding: 10px 20px;
	background: #e6e67e;
	color: white;
	font-size: 22.5px;
	font-weight: bold;
	font-family: arial; /*'Patua One';*/
	}

.spanTitle2:hover, .spanTitle2:focus{
	margin-top: 0;
	padding: 10px 20px;
	background: #e6e67e;
	color: white;
	font-size: 22.5px;
	font-weight: bold;
	font-family: arial; /*'Patua One';*/
	}


.row.full-width{max-width:inherit;}
.row.full-width .columns{padding:0;}

/* ==========================================================================
   Helper Classes
   ========================================================================== */

.centerText{text-align: center;}
.absoluteContainer{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed; top: 0; z-index: 999999; background: #e6e67e;}
.topTitle{top:0; z-index: 999; background: #e6e67e;}
.green, .row.full-width.green{background: #011608;}
.greenColor{color:#e6e67e;}
.black{background: #1a1a1a;}
.white{background: white;}
.gray{background: #e6e67e;}
.lightpurple, .row.full-width.lightpurple{background: #e6e67e;}
.purple{background: #011608;}
.darkpurple{background: #004100;}
.section{padding:40px 0;}
.floatRight{float: right;}
.bold{font-weight: bold;}
.center{margin: 0 auto;width: 50%; text-align: center;}
.noMarginTop{margin-top: 0;}
h2.date, .nav-container div.date{display:none;}

.th {display: inherit;border: inherit;box-shadow: inherit;}
.th:hover{box-shadow: none;}

.centerList{position:relative;left:-50%;float:right;text-align:left;}
.centerList ul{position:relative;left:50%;list-style:none;}
.centerList li{position:relative;float:left;}

/* ==========================================================================
   Hovers
   ========================================================================== */

.hoverContainer{position:relative;}

.hover{position: absolute; overflow: hidden; margin: 5px; opacity: 0; cursor: pointer; -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s; transition-duration: 0.5s;}

.hover:hover{opacity: 1;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s; transition-duration: 0.5s;} 

/* ==========================================================================
   Header
   ========================================================================== */

/*.top-bar .name h1 a{
	font-color: #011608;
	width:100%;
	}

.top-bar .name h1{
	font-color: #011608;
	font-size: 0.75em;
	} */

/* a top-bar não inclui a parte dos menus */
.top-bar{
	height: 45px;
	margin-top: -2px;
	margin-bottom: 0px;
	background: #011608;
	}

/* esta parte refere-se ao menu selecionado, fixo */
.top-bar-section ul li.active a{
	/*margin: 5px;*/
	font-size: 14px;
	margin-bottom: 0;
	background: #827601;
	}

/* esta parte refere-se ao menu selecionado com o rato, qd se anda um lado para o outro */
.top-bar-section li:hover a:hover{
	background: #cccc52;
	}

/* esta margem 0, é a distância entre a linha de menus e as imagens */
ul.title-area{
	margin: 0px;
	}

/* zona da barra de menus */
.top-bar-section li a:not(.button){
	line-height: 25px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px;
	font-size: 14px;
	background: #011608;
		}

/* zona envolvente da barra de menus */
ul.navigation{
	background: #011608;
	}

#menu-item-348{
	display:none;
	}

#menu-item-533{
	display:none;
	}

ul#search{
	display:none;
	}

img.attachment-post-thumbnail, img.wp-post-image{
	max-height: 200px;
	}

#new img.attachment-post-thumbnail, #new img.wp-post-image{
	max-height: inherit;
	}



/*ul.title-area, .top-bar-section > ul > li.active > a{background: #011608;} */

/*.top-bar-section > ul > li.active > ul > li.active > a{background: #011608;} */

/* .top-bar-section .dropdown, .top-bar{background:#011608; color: #f7f6c6;} */ 

/* ul.title-area{margin-left: 0;} */

/* .top-bar-section ul, ul.right, .top-bar-section .has-form, .top-bar-section li a:not(.button){background: none;									} */

/* .top-bar-section ul li.active > a, .top-bar-section li a:not(.button):hover, li.name{background: #e6e67e;									} */



/* ==========================================================================
   Slider
   ========================================================================== */

/* Stack Images on Loading */
#slider {max-height: 650px;}
#slider img {width: 100%;}

/* Navigation */
.orbit-prev, .orbit-next, .orbit-container .orbit-timer, .orbit-container .orbit-slide-number{display:none;}
#slider li:hover .orbit-prev, #slider li:hover .orbit-next{display:inherit;}

/* Bullets */
.orbit-bullets{top:0;margin:0;display:none;}
.orbit-bullets li{margin:0;padding:0;border:0;border-radius:0;background:#011608;cursor:pointer;}
.orbit-bullets li.active,.orbit-bullets li:hover{background: #827601;}

/* ==========================================================================
   Caption
   ========================================================================== */
   
#caption{background: #e6e67e;}
#caption h2{color: #011608; font-size: 35px; margin-top: 0px; margin-bottom: 40px; text-shadow: /*1px 1px 1px #827601*/;}

#caption .zoom{overflow:hidden; margin-bottom: 30px;}

#caption .absoluteContainer:hover .ribbon{bottom:40px;}

.ribbon{position: absolute; bottom: 25px; margin: 30px 10px 10px -10px; padding: 6px 20px 6px 20px; width: auto; background-color: #827601; color: #ffffff; -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s; transition-duration: 0.5s;}

.ribbon:after{position: absolute; top: 100%; left: 0px; width: 0; height: 0; border-width: 5px 5px; border-style: solid; border-color: #011608 #011608 transparent transparent;content: ' ';}

.ribbon a{color: #ffffff;}

/* ==========================================================================
   News
   ========================================================================== */

#news, #new{background: white; */ */}
#news h3{ margin-top: 0; padding: 10px; background: #011608;}
#news img, .ngg-widget img{border: 7px solid #004100;}
#news p{margin-bottom: 0;font-size: 0.9em;}

#new h3{margin-top: 0; }
#new img{margin:20px 0; border: none; border-radius: 0;box-shadow:none;}

.new{margin-bottom: 50px;}
.new > h5{ margin-top: 5px; margin-bottom: 0; color: #e6e67e; font-weight: bold;}
.new-date{font-size: 0.7em;}

#newsNavigation{font-family: arial;}
#newsNavigation a{ margin-left: 5px;padding: 5px 10px; background: #e6e67e; color: black; font-weight: bold;}
#newsNavigation a:hover{background: #e6e67e; color: #f7f6c6;}

#news .hoverContainer, #new .hoverContainer{margin-bottom: 0px;}
#news .hover, #new .hover{width: 97%; height: 94%; background: url('images/plus.png') no-repeat center center rgba(166,214,92,0.5); }


/* ==========================================================================
   Gallery Latest
   ========================================================================== */
   
#galleryLatest{background: #011608;}
#galleryLatest .centerText{margin:10px 0;}
#galleryLatest h5 a{color: white;} 

.latestPic .hover{margin:0px;width: 100%; height: 100%; background: url('images/zoomMin.png') no-repeat center center rgba(166,214,92,0.5);}
.latestPic img {border: none;}

/* ==========================================================================
   Footer
   ========================================================================== */

#footer > .purple{padding:20px 0;text-align: center;}
#footer > .darkpurple{margin-top: 0px; padding: 10px 0;}

.footerCol > h3{color: #011608; font-size: 24px; text-shadow: 1px 1px 1px #1a1a1a;}
.footerCol > p{color: #827601; font-size: 15px;}
.footerCol > img{width: 65px;}


ul.social{ margin-bottom: 0; margin-left: 0;}
ul.social > li{ margin-bottom: 0;line-height: inherit;}

#footer .floatRight{margin-bottom: 0px; color: white; font-size: 15px;}
#footer .bold{font-size: 18px;}

/* ==========================================================================
   Title
   ========================================================================== */

#title{
	background: #e6e67e;
		}
#title h1{
	margin-top: 5px;
	margin-bottom: 5px;
	}

#title h1 a{
	font-size: 30px;
	color:#002a00;
	/*text-shadow: 1px 1px 1px white;*/
	}

/* ==========================================================================
   Page
   ========================================================================== */

#page, #seccoes, #galeria, #contact, #sections, #search{background: white;}
#page img{margin:10px 0px 0px 0px;}
#page h3{color:#827601; font-size: 22px; /*margin-top: -30px;*/ margin-bottom: 30px;text-align: center; padding-top: 40px;}
#page h3.patrono{color:#827601; font-size: 22px; margin-bottom: 0;}
#page h4{color:#007400; font-size: 20px; margin-bottom: 30px;text-align: center;}
#page #timeline-embed h3{padding-bottom: 0;padding-top: 10px; font-size: 25px}
#page h5{color:#007400;font-size: 18px;}
#page h6{color:#37aa00; margin-bottom: 8px;text-align: center;}

#page .album{margin-top: 10px;}
#page .album img{ margin:0; width:100%;}
#page .album h4, #page .album p{margin:0;}
#page .album h4{font-size: 16px;}
#page .album p{font-size: 11px;}

/* Timeline */
#timeline-embed{margin:5px 0 !important; border-radius: 0;}

/* Sub-Nav */
#centerList{
    background: #e6e67e;
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
#centerList ul{
	list-style:none;
    	position:relative;
        left:45%;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

#centerList li{
	float:left;
	position:relative;
	}

#centerList a{
	color:#005a00;
	/*color:#e6e67e;*/
	font-weight:bold;
	}

#centerList a.active{
	color:#827601;
	font-weight:bold;
	text-shadow: 1px 1px 1px white;
	}

/* ==========================================================================
   Seccoes
   ========================================================================== */

.seccao{margin-bottom: 20px;}
.search-title{margin-bottom: 1.25em;}

/* ==========================================================================
   Gallery
   ========================================================================== */

#galeria ul.pagination > li > a{font-size: 18px;} 
#galeria .noMarginTop{margin-bottom: 50px;}  

.tituloAlbum{ padding: 5px 0;text-align: center;}
.tituloAlbum h4{margin-right: 20px;margin-left: 20px;min-height: 65px;}
.tituloAlbum p{margin-bottom: 0.5em;}
.album{ margin-bottom: 20px;background: #e6e67e; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-border-radius: 4px; -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.album img{ margin:0; width:100%;}
#galeria .album .hover{ margin: 0;width: 100%; height: 99%; background: url('http://www.mialo.pt/escuteiros-wp/wp-content/themes/escuteiros/images/plus.png') no-repeat center center rgba(166,214,92,0.5);}

.ngg-imagebrowser img, .ngg-gallery-thumbnail img{ margin:0; padding:0;border:none;}
.ngg-gallery-thumbnail{margin-bottom: 30px;border: 5px solid #e6e67e;}
.ngg-gallery-thumbnail .hover{ z-index: 999; margin: 0;width: 100%; height: 100%; background: url('http://www.mialo.pt/escuteiros-wp/wp-content/themes/escuteiros/images/zoom.png') no-repeat center center rgba(166,214,92,0.5);}

.ngg-navigation ul.inline-list li{margin:0;}
.ngg-navigation a.page-numbers{margin-right: 0;}
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev{border:none;margin-right: 0;}
.ngg-navigation .current{padding: 3px 8px;background: #e6e67e; color: #f7f6c6;}
.ngg-navigation .more{padding: 3px 8px;}
.ngg-navigation .page-numbers, .ngg-navigation .more{background: #e6e67e; color: black;}
.ngg-navigation .page-numbers a:hover{background: #e6e67e; color: #f7f6c6;}
.ngg-navigation .page-numbers a{padding: 3px 8px;background: #e6e67e; color: black;}
.ngg-navigation .next, .ngg-navigation .prev { padding:6px 8px; background: #e6e67e; color: black; font-weight: bold;font-family: 'Patua One'; font-family: 20px; margin:0;}
.ngg-navigation a.page-numbers:hover, .ngg-navigation a.prev:hover, .ngg-navigation a.next:hover{background: #e6e67e; color: #f7f6c6;}

.ngg-imagebrowser-nav{margin: 0; padding: 0;}
.ngg-imagebrowser-nav .back, .ngg-imagebrowser-nav .next{ border: 0; font-weight: bold; font-size: 50px;font-family: 'Patua One';}
.ngg-imagebrowser-nav .back:hover, .ngg-imagebrowser-nav .next:hover{color: #f7f6c6; }
.ngg-imagebrowser-nav .back > a, .ngg-imagebrowser-nav .next > a{color: black;}
.ngg-imagebrowser-nav .back:hover > a, .ngg-imagebrowser-nav .next:hover > a{color: #011608;}

.ngg-gallery-thumbnail,.ngg-gallery-thumbnail img{width:100%; height: auto;}
.ngg-imagebrowser img{max-height: 500px;height: auto;margin: 0 auto;width: auto;}

#galeria .counter{font-family: 'Patua One';font-size: 2.5em !important;}
#galeria .ngg-imagebrowser-nav{margin: 40px 0;}

.ngg-imagebrowser-desc{display:none;}

.loading div a {display: block;}

.preloader { display: inline-block;  background: url('http://www.mialo.pt/escuteiros-wp/wp-content/themes/escuteiros/images/loading.gif') center center no-repeat #fefefe;}  

/* ==========================================================================
   Contact
   ========================================================================== */


#contact h3{color:#007400; font-size:24px; margin-bottom:20px; margin-top:20px;}
#contact h6{margin-top: 20px;}
#contact .button{ margin-top: 70px;width:100%;}

.location p{font-size: 13px;text-align: center;}
#contact .location h3{text-align: center;}

input[type="text"]:focus, textarea{outline:none;}
.wpcf7-form input, textarea{margin: 0;}
.wpcf7-form input{height:40px;}
.wpcf7-form textarea{height: 130px; text-shadow: none; resize: none;}
.wpcf7-form p:last-child{margin-bottom: 0;}
.wpcf7-form .wpcf7-not-valid-tip{position: relative; top: inherit; left: inherit; border: none; background: none; color: red; font-size: 10px;}
div.wpcf7-response-output{display:none; margin: 0;padding: 0; border: 0; font-weight: bold;font-size: 12px;}
#tip{ margin-top: 50px; font-weight: bold; font-size: 12px; line-height: 1.5;}

/* Map */
#contact{padding-top: 0;}
#map {position:relative; margin: 20px 0; margin-top: 0; width: 100%; height: 400px;}


/* We use this media query to add styles to any device that supports media queries */
@media only screen { }

/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (min-width: 768px) {

	.orbit-bullets{display:inherit;}

	#footer .gray{text-align: left;}
	.top-bar-section ul.right li .dropdown{background: #011608;}
	
	#caption .zoom{overflow:hidden; margin-bottom: 0;}
	.top-bar .name h1{font-size: 1em;}
	

	ul#search{display:none; width: 0px;}


	#s{border: none;background: #e6e67e; box-shadow: none;}

	.top-bar input, .top-bar .button {
		line-height: 14px;
		font-size: 14px;
		font-weight:bold;
		height: 23px;
		padding: 0px 8px;
		position: relative;
		top: 5px;
		}

	/*.top-bar-section .has-form{margin-bottom: 0; background:#011608; border-bottom: 1px solid #011608;}*/

	.top-bar-section .has-form{
		background: #011608;
		padding: 0px 25px;
		height: 23px;
		}


	#contact .location p{text-align: inherit;}
	#contact .location h3{text-align: inherit;}

  #center-align {
  display: table;   /* Allow the centering to work */
  margin: 0 auto;
}

#center-align > ul {
  min-width: 696px;
  list-style: none;
  }
  #center-align > ul li {
    display: inline;
  }

  .title.back{display:none !important;}

}

/* Used to alter styles for screens at least 1280px wide. */
@media only screen and (min-width: 1280px) { 	#menu-item-348{display:inherit;}}

/* Used to alter styles for screens at least 1440px wide. */
@media only screen and (min-width: 1440px) { }

/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) { }

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) { }



/* ==========================================================================
   Contadores
   ========================================================================== */
   
#contadores{background: #e6e67e;}
#contadores .centerText{margin:5px 0px 5px 110px;}
#contadores a{color: #011608;
		 font-size: 13px;
		 font-weight: bold;
		 font-family: arial;
		 padding-left: 0cm;	
		}