/* 
 Theme Name:   Gravit Child Theme
 Theme URI:    
 Description:  
 Author:       Mailbox bvba
 Author URI:   
 Template:     gravit
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
@import 'https://fonts.googleapis.com/css?family=Old+Standard+TT|Oswald';

#wpadminbar {display:none!important;}
body:not(.logged-in) {margin-top:-32px!important;}

#page {max-width:2000px;margin:0 auto;}
h1,h2,h3,h4 {font-family: 'Oswald', sans-serif;letter-spacing:2px;}
p, ul li {font-family: 'Old Standard TT', serif; font-size: 1em; line-height: 1.618em;margin-bottom:16px;}
h2 { font-family: 'Lustria', sans-serif; font-size: 40px; line-height: 36px; font-weight: bold; color: #4B4A47; margin: 40px 0 20px; letter-spacing: 6px!important;}
h3 { font-size: 25px; line-height: 25px; color: #bbb9b9; font-weight: bold; margin: 40px 0 20px; text-transform: uppercase; letter-spacing: 0px!important;}
.row h3 {margin: 0 0 20px 0;}
h4 {margin-bottom: 25px;border-bottom: 1px solid #ccc; display: inline-block; padding-bottom: 5px; letter-spacing: 3px;}
#colophon .site-info {font-size:13px;}

.entry-content h2::after {content: ' '; display: block; text-align: center; border-bottom: 2px solid #4B4A47; width: 100px; margin: 0 auto; padding-top: 25px;}
.ssba-wrap {margin-bottom:15px;}
.shadow {box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);-moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);}

/* sidebar */
.sidebar {background-color:#304A78;color:#fff!important;}
.sidebar.second {margin-top:0;}
.sidebar.second .container, .row {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sidebar.second .column {width:25%;margin-right:4%;}
.widget-title {color: #fff;border-bottom: 1px solid #fff;background-color:transparent;}
.sidebar a {color:#fff;}
.sidebar a:hover {color: #ccc;}
.sidebar ul.menu {list-style: none;margin: 0;}
.sidebar ul.menu li {margin:0;}
 
.row .md9 {width:67%;padding:0 20px 0 0;}
.row .md3 {width:33%;padding:0 20px 0 0;}


/* single post */
.single-post .thumbnail-wrap {display:none;}

/* theme overrides */
.entry-meta, .entry-title, .entry-header, .page-content, .entry-content, .entry-summary, .single-footer, #comments, #secondary, .site-info, .container { max-width: 1200px;  margin: auto;position:relative;}
.site-top {background-color:#f9f9f9;height:50px;}
.site-branding {position:absolute;top:-40px;right:0px;}
.main-navigation {display:inline;padding:0;}
.main-navigation .menu {float:right;}
.main-navigation.left .menu {float:left;}
img.header-image {padding:0;}
.breadcrumbs {float: right; padding: 10px 0;}
#main {position:relative;}
input {max-width:100%;}
article header {display:none;}

/* archive cust tax -> detail reis */

.archive.clearfix {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.reisitem {position:relative;width:23%;height:20vh;height:250px;float:left;background-position: 50% 50%;  background-size: cover;margin-right:2%;margin-bottom:2%;}
.reisitem .inner {width:100%;height:100%;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}
.reisitem .titel {position:absolute;top:15%;left:10px;right:2%;}

.reisitem .inner:hover .overlay {opacity:0;}
.reisitem .overlay {background-color:rgba(256,256,256,0.3);width:100%;height:100%;display:block;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}

/* single reis */
.single-reis #content {margin-top: -650px;}
.single-reis #breadcrumbs {display:none;}

.reis h2 {padding: 20px 0;display: inline-block; color: #fff; font-size: 50px; text-shadow: 1px 1px 1px #000, 3px 3px 5px grey;line-height:1em;}
.reis .breadcrumbs {float: none; padding: 10px 0; text-align: right; margin-bottom: 15px;font-size:13px;}

.reis .reisdetails {width:800px;display:inline-block;background-color:#f9f9f9;padding:25px;border-top: 4px solid #304A78;min-height:750px;}
.reis .commercial {width: 400px; float: right;}
.reis .commercial .inner {margin-left: 25px;background:#304A78;padding:25px;}

.reis .tags {float:right;}
.reis .tags a.tag {background-color: #c11030; color: #fff; padding: 2px 5px; margin-right: 5px; text-decoration: none; font-size: 14px; letter-spacing: 2px;}
.reis .tags a.tag:hover {background-color:#304A78;}

.reis .reisdetails h3 {margin:0 0 10px 0;padding:0; font-size: 2em;  text-transform: uppercase; letter-spacing: 0.5px;line-height:1em;}
.reis .commercial h3 {margin:0 0 10px 0;padding:0; color:#fff;font-size: 1.2em; text-align: center; text-transform: uppercase; letter-spacing: 0.5px;line-height:1em;}

.reis .commercial .price {border: 1px solid #fff; margin-bottom: 20px; padding: 15px;}
.reis .commercial label, .reis .commercial p, .reis .commercial input[type='submit'] {color:#fff!important;}
.reis .photos {-moz-column-gap: 1em;column-gap: 1em;-webkit-column-gap: 1em;-webkit-column-count: 3;column-count: 3;-moz-column-count:3 ;}
.reis .photos img {margin-bottom:10px;}

.reis .tab {display: inline-block; margin: 0 20px 0 0; background-color: #f9f9f9; padding: 25px 20px; text-transform: uppercase;cursor:pointer;}
.reis .tab.active, .reis .tab:hover {background-color:#304A78;color:#fff;}
.reis .detail {display:none;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;-o-transition: all 1s ease-out; transition: all 1s ease-out;}
.reis .detail.active {display:block;}


.commercial .price {background-color:#304A78;color:#fff;text-align:center;padding:10px;font-size:2em;}

/* reistype list */
ul.reistypes {position: relative; list-style: none; overflow: hidden; padding: 0; margin: 0;text-align:center;}
ul.reistypes li {position: relative; list-style: none; overflow: hidden; margin-bottom: 15px;width:16.6%;display:inline-table;}
ul.reistypes li .inner {background-color:#304A78; margin-right: 15px; height: 75px; color: #fff;position:relative;}

ul.reistypes li img {width:33%;float:left;}
ul.reistypes li span {position: absolute; left: 40%; top: 25px;font-size:14px;text-transform:lowercase;line-height:12px;}
ul.reistypes li a {color:#fff;}
ul.reistypes li a :hover {color:#37B8EB;}

/* menu bar & top-bar */
.menu-bar, .top-bar {background-color:#304A78;height:50px;width:100%;color:#fff;}
.menu-bar .container {z-index:500;}
.top-bar {padding:10px 0;color:#c0d2f3;}
.top-bar a {color:#c0d2f3;text-decoration:none;}
.top-bar a:hover {color:#fff;}
.top-bar span, .top-bar .fa {margin-right:5px!important;}
.menu-bar li  {padding:10px 15px 10px 0;}
.menu-bar li a {color: #fff;font-weight: bold;letter-spacing: 2px; margin: 0; padding: 0;}
main-navigation li a:hover, .main-navigation .current_page_item a, .main-navigation .current-menu-item a {border:none;color:#c0d2f3;}


.main-navigation ul ul {background-color:#304A78;color:#fff;border:none;top:30px;padding:5px;}
.main-navigation ul ul a:hover {background-color:transparent;color:#c0d2f3;}
.main-navigation li li {padding:2px 0 2px 5px;}
.main-navigation li li a {padding: 5px 0 0 10px; border-bottom: 0;}

/* page header */
#masthead {background-position:100%; background-size:cover;min-height:155px;height:500px;}
.single-reis #masthead {height:800px;}

/* search form */
.zoeken {margin-top: 300px; background-color: rgba(256,256,256,0.6);padding: 20px;}
.zoeken h3 {color:#404046;}
.zoeken form p {display:inline-block;width:24%;}
.zoeken form input, .zoeken form select {padding:10px;height:40px;border:none;width:100%;}
.zoeken form input[type='submit'], .button {line-height: normal; margin-top: -3px;color:#fff!important;background-color:#304A78;padding: 10px;height: 40px;    border: none;    width: 100%;text-decoration:none;}

/* responsive */
@media only screen and (max-width : 979px) {
 .single-reis #masthead {height:20vh;height:500px;}
 .single-reis #content {margin-top:auto;}
 .single-reis #content { margin-top: -150px;}
ul.reistypes li {width:50%;}
 .reis .reisdetails {width:100%;}
 .reis .commercial {float: none; width: 100%; margin-top: 25px;}
 .reis .commercial .inner {margin:0;}
 .reis h2 {text-align: center; width: 100%;}
 .menu-bar, .top-bar {padding: 2px 50px 0px 50px;}

}

@media only screen and (max-width : 768px) {
.main-navigation {display:none;}
.menu-mobile ul.sub-menu {display:none;}
.menu-mobile ul li { padding: 2px;}
.breadcrumbs { padding: 3%;}

}

@media only screen and (max-width : 480px) {
  ul.reistypes li {width:50%;}
   	
}



/*custom styles */
.shadow {-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.rounded {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.top-rounded {-webkit-border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px;}
.white * {color:#fff!important;text-shadow: 1px 1px 1px #000, 3px 3px 5px grey;line-height:1em;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */