/**
 * Theme Name: Ink - Child Theme
 * Theme URI: https://codestag.com/themes/ink
 * Author: Codestag
 * Author URI: http://codestag.com
 * Description: A Modern and Elegant Photography theme for WordPress.
 * Version: 1.0.0
 * License: GNU General Public License
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: stag
 * Domain Path: /languages/
 * Tags: Tags: theme-options, fluid-layout, editor-style, featured-images, translation-ready
 * Template: ink
 */

/**
 * Place Custom CSS Below this.
 */
#main {
    background-color: #fff !important;
}
.header-normal .site-header, .search-no-results .site-header {
    position: absolute;
}
.content-wrapper {
    margin-top: 50px;
}
body[class*="page-id"]:not(.page-template-current-php) .entry-content {
    text-align: left;
}
body[class*="page-id"]:not(.page-template-current-php) .entry-header {
    margin-bottom: 0;
}
body, .entry-subtitle {
    font-family: "Arial",Helvetica,sans-serif !important;
}
.home .entry-content {
	max-width:1680px;
}
.page-template-fullscreenvideo-php .page-cover__background2 {
    display: none;
}
.homeimage .wpb_singleimage_heading {
    background: none repeat scroll 0 0 rgba(96, 84, 137, 0.5);
    color: #fff;
    margin-left: 5%;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 90%;
}
.home .wpb_wrapper {
    border-left: 0px solid #fff;
    border-bottom: 1px solid #fff;
}
.vc_column-inner {
    padding-top: 0px !important;
}
.article-cover {
    max-height: 700px !important;
    min-height: 500px;
}
.textwidget, .entry-content, .page-content, .comment-content {
    font-size: 14px;
    line-height: 1.8;
}
.textwidget h3, .entry-content h3, .page-content h3, .comment-content h3 {
    margin-bottom: 5px;
}
.header-over[class*="page-id-"]:not(.page-template-current-php) .hentry {
    padding-top: 0;
}
.site-branding2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 14px;
    padding: 105px 0 25px 0;
}
.custom-logo {
    background: url("/wp-content/uploads/2016/01/stater-logo-white-en.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0)!important;
}
.home .custom-logo {
    background: url("/wp-content/uploads/2014/12/logo-stater1.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0)!important;
}
.site-branding2 .custom-logo {
    background: url("/wp-content/uploads/2014/12/logo-stater1.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0)!important;
}
.archive-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    line-height: 1;
    padding: 8px 15px 8px 25px;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
}
.breadcrumbs {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    line-height: 0.8em;
    padding: 6px 35px;
    position: absolute;
    right: 122px;
    top: 13px;
    transform: translateY(-50%);
}
.breadcrumbs-video {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    line-height: 0.8em;
    padding: 8px 35px;
    position: absolute;
    right: 122px;
    top: 13px;
    transform: translateY(-50%);
}
.breadcrumbs span {
	color:#fff;
	font-size: 12px;
	text-transform: uppercase;
	}
.breadcrumbs span a {
	color: #fff !important;
	}

h1 {
    color: #ef8b00;
}
h2 {
    color: #ef8b00;
    font-size: 22px;
    line-height: 30px;
    margin: 35px 0;
}
h3 {
    color: #ef8b00;
    font-size: 16px;
}
..entry-footer {
    display: none !important;
  }
.page-cover__background2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 290px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.text-block-padding {
    padding: 50px 60px 30px;
}
.btn-contact-purple {
	font-size: 16px;
	line-height: 30px;
    background-color: #432968;
    color: #fff !important;
    padding: 8px 15px;
    transition: all 200ms ease-in-out 0s;
}
.btn-contact-purple .fa {
    margin-left: 25px;
}
.btn-contact-orange {
	font-size: 16px;
	line-height: 30px;
    background-color:#ef8b00;
    color: #fff !important;
    padding: 8px 15px;
    transition: all 200ms ease-in-out 0s;
}
.btn-contact-orange .fa {
    margin-left: 25px;
}
.textwidget p, .textwidget ul, .textwidget dl, .textwidget table, .textwidget blockquote, .entry-content p, .entry-content ul, .entry-content dl, .entry-content table, .entry-content blockquote, .page-content p, .page-content ul, .page-content dl, .page-content table, .page-content blockquote, .comment-content p, .comment-content ul, .comment-content dl, .comment-content table, .comment-content blockquote {
    margin-bottom: 28px;
}
.footer-widgets-container .inside {
    max-width: 1190px;
}
.site-main .page {
    padding-bottom: 50px;
}
#menu-tool {
    float: left;
    text-transform: uppercase;
    line-height: 1.99em;
}
#menu-tool ul {  
	list-style-type: none;  

    }  
#menu-tool ul li {  
	display: inline;  
	margin: 0;  
}
#menu-tool ul {  
        list-style-type: none;  
    }  
#menu-tool ul li {  
        display: inline;  
        margin: 0;  
    }  
#menu-tool ul li a {
    padding: 0 5px;
}
#menu-tool li {
content: " - ";
}
#menu-tool li:before {
content: " - ";
}
#menu-tool li:first-child:before {
	content: none;
}
#menu-lang {
    float: left;
    line-height: 1.99em;
    margin: 0 0 0 5px;
    text-transform: uppercase;
}
#menu-lang ul {  
	list-style-type: none;
}  
#menu-lang ul li {  
	display: inline;  
	margin: 0;  
}
#menu-lang ul {  
	list-style-type: none;  
}  
#menu-lang ul li {  
	display: inline;  
	margin: 0;  
}  
#menu-lang ul li a {
    padding: 0 3px;
}
#menu-lang li {
	content: "/";
}
#menu-lang li:before {
	content: "/";
}
#menu-lang li:first-child:before {
	content: none;
}
.header-menu {
    margin: 0 45px 0 0;
    font-size: 13px;
}
.site-navigation-toggle {
    right: 20px;
}
#menu-text {
    float: left;
    line-height: 1.99em;
    margin: 0 0 0 30px;
    text-transform: uppercase;
}
.site-navigation-toggle {
    font-size: 1.6rem;
    right: 25px;
}
.col-sm-4 p {
    font-size: 14px;
}
/*---------------------------------------------------------
 Navigation (_scaffolding.scss)
-------------------------------------------------------- */
.navigation {
  list-style: none;
}
.menu-item il {	
}
.main-navigation li {
    margin-bottom: 0px;
}
.main-navigation li:last-child {
  margin-bottom: 0;
}
.site-nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  outline: 0;
  background-color: #f9f9f9;
  max-width: 330px;
  -webkit-overflow-scrolling: touch;
}
.site-nav--scrollable-container {
  display: none;
  overflow: auto;
  padding: 30px;
  padding: 1.875rem;
  width: 330px;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  position: relative;
}
.site-nav-transition .site-nav--scrollable-container {
  display: block;
}
.site-nav__section {
  border-bottom: 2px solid #333;
  position: relative;
  padding: 90px 0;
}
.site-nav__section:last-of-type {
  border: none;
  padding-bottom: 0;
}
.primary-menu a {
    background-color: #ee8b00;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    padding:5px 15px 5px 20px;
    position: relative;
    text-transform: uppercase;
    transition: all 200ms ease-in-out 0s;
}
.sub-menu a {
	background: none;
    color: #333;
    font-family: arial,helvetica;
    font-size: 12px;
    font-weight: 600;
    margin: 3px;
    padding: 5px 20px 5px 25px;
    display: block;
	}
.site-nav a:hover {
  color: #000;
}
.site-nav .widgettitle {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.site-nav .close-nav {
    color: #777;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 78px;
    z-index: 50;
}
.site-nav .sub-menu {
  margin-top: 5px;
  margin-left: 20px;
}
.site-nav-overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 600;
  cursor: e-resize;
}
.site-nav-drawer-open .site-nav-overlay,
.site-nav:focus ~ .site-nav-overlay {
  display: block;
  right: 330px;
  z-index: 900;
}
.site-nav-transition #page {
  left: 0;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 800;
}
.site-nav-drawer-open #page {
  -moz-transform: translate(-330px, 0, 0);
  -ms-transform: translate(-330px, 0, 0);
  -webkit-transform: translate(-330px, 0, 0);
  transform: translate(-330px, 0, 0);
  -moz-transform: translate3d(-330px, 0, 0);
  -ms-transform: translate3d(-330px, 0, 0);
  -webkit-transform: translate3d(-330px, 0, 0);
  transform: translate3d(-330px, 0, 0);
}
.primary-menu li a:before {
	content: "\f105";
    font-family: fontawesome;
    font-size: 26px;
    font-weight: normal;
    margin-right: 15px;
    position: absolute;
    right: 15px;
    top: -5px;
}
.primary-menu > .menu-item-has-children > a:before {
	content: "\f107";
}
.sub-menu li a:before {
	content: "\f068";
    color: #432968;
    font-family: fontawesome;
    font-size: 14px;
    font-weight: lighter;
    left: 4px;
    margin-right: 15px;
    position: absolute;
    top: 4px;
}
/*---------------------------------------------------------
 Footer
-------------------------------------------------------- */
.gallery-item, .unit {
	}

.gallery-item, .unit {
    display: inline-block;
    margin-left:0px;
    margin-right:0px;
    overflow: hidden;
    vertical-align: top;
}
.stag-custom-widget-area + .site-footer {
    border-top: 0px;
}
.copyright {
	background: none repeat scroll 0 0 #f6f6f6;
    border-top: 8px solid #ef8b00;
    font-size: 0.8125rem;
    padding:16px 0;
    font-family: arial;
    color: #999999;
}
.footer-widgets-container {
    border-top: 0px;
    padding-bottom: 3.125rem;
}
.footer-container {
    margin-right: 15px;
    padding: 0 10px 0 0;
}
.footer-container .fa {
    color: #eee;
    float: left;
    font-size: 72px;
    margin-right: 10px;
    margin-top: 5px;
}
.footer-container p {
    color: #432968;
    font-size: 12px;
    line-height: 1.2em;
}
.footer-container h4 {
    color: #ef8b00;
    margin-bottom: 0;
}
.site-footer {
    margin-top: 50px !important;
}
.tp-caption {
line-height: 30px !important;
}


.article-cover__content { display: none;}
/*---------------------------------------------------------
 Visual Composer
-------------------------------------------------------- */
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 0px!important;
    padding-right: 0px!important;
    position: relative;
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
    margin-bottom: 0!important;
}

.tp-button.red, .tp-button.red:hover, .purchase.red, .purchase.red:hover {
    background-color: #432968;
    box-shadow: none;
}
.tp-button.orange, .tp-button.orange:hover, .purchase.orange, .purchase.orange:hover {
    background-color: #ff7700;
    box-shadow: none;
}
.tp-button {
	background: none;
    border-radius: 0;
    color: #fff !important;
    cursor: pointer;
    font-family: arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    letter-spacing: -1px;
    line-height: 45px !important;
    padding: 8px 20px !important;
    text-decoration: none;
    text-shadow: none;
}

/*---------------------------------------------------------
 responsive gerelateerde css   
-------------------------------------------------------- */
@media screen and (max-width: 800px) {
  .archive-header {
	display: block;
  }
  .archive-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    line-height: 1;
    padding: 8px 15px 8px 25px;
    position: absolute;
    transform: translateY(-50%);
	}
	.site-header {
    overflow: visible;
	}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	 .ink-contact-form .contact-form-button {
		    width: 100%;
	 }
	.header-menu {
		font-size: 12px;
		margin: 0 45px 0 0;
	}
	.archive-header {
	  	position: relative;
	  	display: inline-block;
		right: auto;
		width: 100%;
		padding: 8px 10px;
	}
	.site-navigation-toggle {
	    font-size: 1.875rem;
	    position: fixed;
	    right: 15px;
	}
	.site-header {
		padding: 15px 15px 0;
	}
	.site-branding {
	    margin-bottom: 40px;
	    text-align: center;
	    display: inherit;
	}
	#menu-text {
		display: none;
	}
	.header-normal .site-header, .search-no-results .site-header {
		position: relative;
	}
	#menu-lang {
		margin: 0 0 0 5px;
	}
	#menu-tool ul li a {
	    padding: 0 2px;
	}
	.text-block-padding {
    	padding: 30px 5px 20px;
	}
	.homeimage .wpb_singleimage_heading {
    	top: 15%;
	}
	.tp-caption {
    	line-height: 11px !important;
	}
	.breadcrumbs {
		display: none;
		}
	.vc_row {
	    margin-left: 10px !important;
	    margin-right: 10px !important;
	}
	.page-template-fullscreenvideo-php .page-cover__background2 {
	    display: inline-block;
	}
	.site-branding2 {
	    margin: 0 14px;
	    padding: 50px 0 25px;
	}
	.site-nav .close-nav {
	    top: 20px;

	}

}
/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 321px) {
	.archive-header {
	  	position: relative;
	  	display: inline-block;
		right: auto;
		width: 100%;
		padding: 8px 10px;
	}
}
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.archive-header {
	    right: 25px;
	    top: 53%;
	}
	.entry-content {
		max-width:700px;
	}
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.entry-content {
		max-width:900px;
	}
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.footer-widgets-container .inside {
	    max-width:970px;
	}
	.breadcrumbs {
    	top: 0;
    	right: 70px;
	}

}