/*

Theme Name:         FoundationPress

Theme URI:          http://foundationpress.olefredrik.com

Github Theme URI:   https://github.com/olefredrik/FoundationPress

Description:        FoundationPress is a WordPress starter theme based on Foundation 5 by Zurb

Version:            5.5.2

Author:             Ole Fredrik Lie

Author URI:         http://olefredrik.com/



License:            MIT License

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

*/



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

  

  Unfortunately WordPress will require a style.css file

  located in the theme's root folder for stuff to work.



  However, we will not be using vanilla CSS. We're using Sass.



  Sass is a superset of CSS that adds in amazing features

  such as variables, nested selectors and loops. It's also

  the easiest way to customize Foundation.



  All Sass files are located in the /scss folder.



  Please read the README.md file before getting started. More info on how

  to use Sass with Foundation can be found here:

  http://foundation.zurb.com/docs/sass.html



  If you for some reason would like to write plain css instead of using Sass,

  you could just enqueue this file (style.css) to the header and add your styles in this file



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



nav.tab-bar {z-index:100;}



#map {

    width: 100%;

    height: 250px; 

}



#sidebar {

	background-color:#8490c8;

	height:100%;

	position:fixed;

}



.page-content {

padding-left: 2rem;

min-height: max-content;

}



#sidebar, .page-content {padding-top: 3rem;}



.tab-bar {background: #8490C8;}



.entry-content, header h1{max-width:580px; }



.entry-content img{margin-bottom:20px;}



.fullWidth {max-width:100%;}



.row  .content-row {margin:0 auto;}



.entry-content, .latest-news-container {float:left;}



@media only screen and (max-width:820px){ 



#sidebar {display:none!important;} 



.the-content{width:100%!important; left:0;}



.page-content {padding-left: 1rem;}



}



/* Typography settings*/ 



body {font-family:"Lato", sans-serif;}



h1, h2, h3, h4, h5, h6 {font-family:"Lato", sans-serif; color:#194791; font-weight:600; text-transform:uppercase;}



@media only screen and (min-width:40.0625em){



h1,h2,h3,h4,h5,h6{line-height:1.4}



h1{font-size:2rem}



h2{font-size:1.6875rem}



h3{font-size:1.4375rem}



h4{font-size:1.125rem}



h5{font-size:1rem}



h6{font-size:0.8rem}



}



p, ul{

  font-size: 0.9rem;

  font-weight: normal;

  line-height: 1.8;}

  

p, ol{

  font-size: 0.9rem;

  font-weight: normal;

  line-height: 1.8;}





 /* The left side menu*/ 

 

#nav_menu-2 {float:right; width:220px; padding-top:50px; margin-right:5px;}



.menu-main-menu-container ul {list-style:none;}



.menu-main-menu-container ul li {margin-bottom:5px;transition:all ease-in-out 0.1s; 

}



.menu-main-menu-container ul li.current_page_item:before {

font-family:"FontAwesome"; 

content:"\f111";  

margin-left: -14px;

margin-right: 5px;

vertical-align:text-top;

font-size:0.7em;

color:#B8D4A4;

line-height:inherit;}



.menu-main-menu-container ul li a{

color:#fff;

font-size:14px; 

font-weight:500; 

text-transform:uppercase;

transition:all ease-in-out 0.2s; 



}



.menu-main-menu-container ul li.current_page_item > a{color:#B8D4A4;}



.menu-main-menu-container ul.sub-menu li a{

text-transform:none;

font-size:12px;

line-height:15px;

transition:all ease-in-out 0.1s; 

}



.menu-main-menu-container ul.sub-menu {line-height:1.4;}



.menu-main-menu-container ul.sub-menu:before {vertical-align:baseline!important;}



.menu-main-menu-container ul li a:hover{color:#B8D4A4;}



.menu-main-menu-container ul.sub-menu {display:none;}



.menu-main-menu-container ul li.current_page_item > ul.sub-menu, .menu-main-menu-container ul li.current-page-ancestor > ul.sub-menu {display:block;}



.home header h1{font-size:1.4375rem;}



a.button {font-weight:200;}



.page-content {background-color:#FFF;}





/* Latest News Module*/



.latest-news-container {position;}



.lastest-news-module {position;}



.lastest-news-module > .latest-news-item {

position:absolute; 

max-width:190px; 

background-color:#fff; 

display:none;}



p.news-control {

color:#fff; 

font-size:16px; 

line-height:40px; 

border-bottom:1px solid #fff; 

margin-bottom:5px; 

background-color:#8490C8; 

border-radius:25px;

}



p.news-control span {float:right;}



p.news-control a {color:#fff;}



p.news-control #prev {margin:0 5px 0 0;}



p.news-control #next {margin:0;}



.latest-news-item p, .latest-news-item a{color:#404041;}



.latest-news-item p {

font-size:13px;

line-height:21px;

font-weight:200;

}



.latest-news-item a {

font-size:14px;

line-height:21px; 

font-weight:700; 

display:block;}



p.news-control, .latest-news-item {padding:0 15px;}



@media only screen and (max-width: 51.3125em) {.latest-news-container {display:none;}}



.latest-news-aside {

margin-left:40px; 

width: 200px; 

margin-top:200px; /* The latest news module distance from top */



}



/* To hide latest news module on pages add the page IDs to this rule eg: .page-id-168 .latest-news-container, */



.page-id-134 .latest-news-container, 
.page-id-136 .latest-news-container, 
.page-id-168 .latest-news-container, 
.page-id-471 .latest-news-container, 
.page-id-1791 .latest-news-container, 
.parent-pageid-1791 .latest-news-container {
  display:none;
}





.latest-news-container {position:absolute;  left: 66%; float:none;}  



aside.left-off-canvas-menu ul {list-style:none;}



.left-small {border-right: solid 2px #fff;}





/* To hide page titles add the page IDs to this rule eg: .page-id-136 header, */



.page-id-136 header {display:none;}


/* Set sublist styling */

ol li ol {
  list-style-type: lower-alpha;
}