/*
 * Theme Name: Lost Stories
 * Author: MAT3RIAL
*/
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700%7CDroid+Serif:400,400i,700');

h1, h1 a, h2, h2 a, h3, h3a {
	font-family: 'Droid Serif', serif;
}

p, span {
		font-family: 'Droid Serif', serif;
}

a { color: #333;
	text-decoration: underline;
}

a:hover {
	color: #b30808;
}
.nav-main {
	 /*display: table;
     margin: 0 auto;*/ 
	
	 /*padding-top: 4rem;*/
}
/**** language switcher *******/
	#lang_sel_list {
		font-family: 'Droid Serif', serif !important;
		font-size: 100% !important;
	    height: 3px !important; 
	  
}

.lang_sel_other {
	    background: #f9f9ed;
	}
	#lang_sel_list a {
		font: inherit;	
			background: #f9f9ed;
	} 

#lang_sel_list ul a {
  	    background: none !important;
		padding: 0.7rem 1rem;
		
}	

	#lang_sel_list a.lang_sel_sel { display: none; background: #f9f9ed;}
.lang_sel_other {
	font-family: 'Droid Sans', sans-serif !important;
	font-size: 16px !important;
	line-height: 1em;
	background: #f9f9ed;
	  }
/****** Menu ***********/
/*.top-bar{
	padding-top: 4rem;
}*/
.title-bar {
    background: #f9f9ed;
	color: #000;
    padding: 0.5rem;
}
.toggle-menu {
    position: absolute;
    right: 20px;
    top: 50px;
}

.menu-icon::after {
    background: #002364;
    box-shadow: 0 7px 0 #002364, 0 14px 0 #002364;
}
/*.top-bar-section ul li:hover:not(.has-form)>a {
  background: #f9f9ed !important;
  color: rgba(217, 19, 19, 1);
/*   padding-top: 50px; 
}

.top-bar-section ul{
    padding-top: 75px;
    background: #f9f9ed !important;
}

.top-bar, .top-bar-section, .right, .right ul, .right ul li, .right ul li a, .name, .name h1 a{
  background: #f9f9ed none repeat scroll 0 0;
  color: #333 !important;
}*/
#main-menu { 	
	background: none;
	padding-top: 4rem;
	float:right;
 }
#main-menu ul  li {
	background: #f9f9ed;
	padding-right: 20px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
    padding-top: 20px;
}
#main-menu ul  li a{
	
    color: #333;
    text-decoration: none;
	
}

#main-menu ul  li a:hover{
	
    color: #b30808;
   ;
}
.dropdown.menu .submenu {
    border: 0;
    min-width: 300px;
}
.dropdown.menu .submenu.first-sub {
    left: auto;
    right: 0;
    top: 100%;
   
}

.is-submenu-item {
	 border-bottom: 1px dashed #999;
	}
.header {
	border-bottom: 1px dashed #999;
	background: #f9f9ed !important;
	}
.wrapper {
	
/* 	border-bottom: 1px dashed #999; */
	background: #f9f9ed;
}

.hdr-logo-link {
/*
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    color: #333;
    padding-left: 20px;
*/
padding: 30px 0 0 20px;


}

.hdr-logo a{
text-decoration: none;
}

.logo_ls {
	margin-top: 120px;
	margin-bottom: 50px;
}
/******** Page layout ********/
.article-h1 {
	margin-top: 1rem;
	line-height: 3rem;
	font-size: 2.2rem;
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;

}
.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}
#about_section {
    background-image: url("images/pigeons.jpg");
	background-size: cover;
	width: 100%;
	height: 800px;
}
#widd_section {
    background-image: url("images/widd_02.gif");
	background-size: cover;
	width: 100%;
	height: 800px;
	padding-top: 50px;
}
#education {
    background-image: url("images/alphabet.gif");
	background-size: cover;
/*
	width: 100%;
	height: 800px;
*/
/* 	padding-top: 10px; */
}
#news_section {
    background-image: url("images/05.jpg");
	background-size: cover;
	width: 100%;
	height: 800px;
	/*padding-top: 10px;*/
}
.homepage_text  { 
 background: #f2f2f2 none repeat scroll 0 0;
    font-family: 'Droid Serif', serif;
    border-color: #d8d8d8;
    border-style: solid;
    border-width: 1px;
    color: #333;
    margin-bottom: 3.25rem;
    padding: 1.25rem;}	
  
.black_border {
	background: #000;
}  
 
.black_border h2 {
	text-transform: uppercase;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.8rem;
	color: white;
	text-align: center;
	background: #000;
	font-weight: 700;
	letter-spacing: 3px;
}   
    
.subtext h2{
	font-size: 3rem !important;
	text-align: center;
	margin-top: 50px;
}  
.subtitle {
	text-transform: uppercase;
	background-color: #000;
	color: #fff;
		
}

.story1, .story2, .story3, .story4, .story5, .story6 {
	min-height: 250px;
	

}
/*
.story1, .story2, .story3, .story4, .story5, .story6 a{
	text-decoration: none !important;
	

}
*/

#stories a{
	text-decoration: none !important;
	text-align: center;

}
#stories2 a{
	text-decoration: none !important;
	text-align: center;

}

.story1_text{
	padding: 20px;
	font-family: 'Droid Serif', serif;
	font-size: 0.8rem;
	line-height: 1.3rem;
/* 	text-align: center; */

}
.story3 span, .story2 span {
	background-color: #fff;
	padding: 5px;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 200%);
	text-align: center;
}
.story5 span {	
	background-color: #fff;
	padding: 5px;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 150%);
	text-align: center;
}
.story6 span {
	background-color: #fff;
	padding: 5px;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 150%);
	text-align: center;
}
.story4 span {
	background-color: #fff;
	padding: 5px;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 300%);

}
.story1 {
	
}
.story2 {
	background-image: url('../../../sheldrake/images/Sheldrake-Island.gif');
	background-size: cover;
}
.story3 {
	background-image: url('../../../regina/images/yeeclun.jpg');
	background-size: cover;

}
.story4 {
	background-image: url('../../../widd/images/widd_02.gif');
	background-size: cover;

}
.story5 {
	background-image: url('../../../stolo/images/Sto-lo-Children2.gif');
	background-size: cover;
}
.story6 {
	  background-image: url("../../../ottawa/images/southway-inn-ottawa-hotel.gif");
		background-size: cover;

}

.tease h2{
	font-size: 2rem !important;
	}
	
.tease {
	margin-bottom: 30px;
	}  

.read-more {
	display: block;
text-align: right;	}	

.flecha {
	text-align: center;
}

.text-center h2{
	font-size: 1rem !important;
}

.text-center p {
font-family: 'Droid Sans', sans-serif !important;
margin-left: auto;
margin-right: auto;
}

.article-body ul li{
    font-family: 'Droid Serif', serif;
}
/* FOOTER */	
#footer-text {
/* 	background-color: #dedede; */
	color: #000;
}

.widget01{
	margin-top: 20px;
}

.widget01 h3{
	font-size: 1.5rem !important;
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;
}

.widget01 p{
	font-size: 0.9rem !important;
	font-family: 'Droid Sans', sans-serif;
	line-height: 1.3rem;
}	

@media only screen and (max-width: 768px) {
	.homepage_text {
		margin-left: auto;
		margin-right: auto;
	}
	
	.homepage_text p{
		font-size: 0.8rem;
	}
	

	#main-menu ul li { font-size: 1rem; }
	p, ul, li{
		font-size: 0.8rem;
	}
	
	#about_section {
        height: 600px;
}

.subtext h2 {
    font-size: 2rem !important;
    text-align: center;
    margin-top: 5px;
}
/*
.columns {
	float: none;
}
*/
}