/*
Theme Name: Ark - Child
Theme URI: http://themeforest.net/user/freshface/portfolio
Description: Premium WordPress Theme
Author: FRESHFACE
Author URI: http://themeforest.net/user/freshface/portfolio
License: Go to the "license" folder
License URI: Go to the "license" folder
Text Domain: ark-child
Tags: white
Version: 1.0.0
Template: ark
*/

/*colors
licht #cdd3b8
donker #7e875f
*/

/*general*/
.ark-boxed__body-wrapper {height: auto !important;}
iframe {max-width: 100% !important;}

/*font*/
h1, h2:not(.fg-paragraph h2), .post-wrapper h1 {font-family: 'Libre Baskerville' !important; }
h1 {font-size: }
h2 {font-size: 24px; margin-bottom: 10px;}
@media (min-width: 768px){.section-heading h2 {font-size: 30px;}}
h3 {font-size: 20px; font-weight: 400;}
p {font-size: 16px;}
.dvd_blacklink {color: #333333 !important;}

/*menu*/
.header-transparent {width: 100vw !important; background-color: transparent !important;}
@media (min-width: 992px){
    .ark-header.header-no-pills .navbar-nav .nav-item-child {padding: 0 24px;}
	.ark-header.header-pills .navbar-nav .nav-item-child {padding: 10px 24px;}
    .header-shrink.header-transparent .navbar {    background: rgba(255, 255, 255, 0.9);}
}
.menu-container {text-align: center;}
ul.navbar-nav {float:none !important;     width: fit-content;     margin: auto;}
.navbar {background: }
@media (min-width: 992px){.ffb-id-navigation-header .wrapper-top-space {    background-color: #f0dec8 !important;}}
@media (max-width: 767px){.ark-header .navbar-toggle {    margin-top: 20.5px !important;    margin-bottom: 20.5px !important;}}

/*page*/
.page-wrapper {background-color: #f0dec8; }
/*.dvd_footer {border-top: 1px solid #7e875f;}*/

/*home*/
blockquote {  position: relative;  font-family: 'Sanchez', serif;  font-size: 2.4em;  line-height: 1.5em;  font-style: italic; border-left: 0;}
blockquote:before {  content: '\201C';      position: absolute;      top: 0.15em;      left: -0.15em;      color: rgba(0,0,0,0.2);      font-size: 4em;      z-index: -1;   }

/*slider*/
#slide-1-layer-1 {background-image: radial-gradient(#faf4eb 20%, transparent 60%);     background-size: 100%;    border-radius: 200px;    padding: 100px 100px 100px 100px !important;}
#slide-2-layer-1 {background-image: radial-gradient(#faf4eb 20%, transparent 70%);     background-size: 100%;    border-radius: 200px;    padding: 100px 100px 100px 100px !important;}
#slide-3-layer-1 {background-image: radial-gradient(#faf4eb 20%, transparent 70%);     background-size: 100%;    border-radius: 200px;    padding: 100px 100px 100px 100px !important;}
#slide-4-layer-1 {background-image: radial-gradient(#faf4eb 20%, transparent 70%);     background-size: 100%;    border-radius: 200px;    padding: 100px 100px 100px 100px !important;}

/*portfolio*/
.cbp-item-wrapper {padding: 20px;}
.mijnleveninbeeld .cbp-item-wrapper {padding: 0px;}
.mfp-image-holder img {max-height: max-content !important;}
@media (max-width: 480px){.theme-portfolio-title {font-size: 14px !important; }}

/*owl carousel*/
.owl-nav, .owl-dots {display: none;}

/*diensten*/
.dvd_diensten .dvd_diensten-tekst {min-height: 135px;}

/*over augusta*/
/*.mijnleveninbeeld {background-color: #ffffff !important;}*/
.cbp-popup-lightbox-figure {padding:5px; background-color: #ffffff; margin-bottom: 30px;}
.cbp-popup-lightbox-img {margin: 0 !important; box-shadow: none;}
.cbp-popup-lightbox-title {min-width: 300px; color: #333333; background-color: #ffffff; padding: 20px !important;}
.cbp-popup-lightbox-title span {    display: block;    font-size: 16px;    margin-top: 5px;    line-height: 24px;}
@media (max-width: 480px){.cbp-popup-lightbox{justify-content: left !important;} .cbp-popup-content{width: 100%;} .cbp-popup-lightbox-figure{ background-color: transparent;} .cbp-popup-lightbox-img{margin: auto !important;}}

/*content*/
.ffb-block-button-1-1 {height: auto !important;}
.ffb-btn { margin-bottom: 10px; margin-top: 10px;}
.dvd_featured img {height: 350px !important; object-fit: cover; overflow:hidden;}

/*contact*/
input[type="submit"] {background-color: #810c11; border-color: transparent; color: #ffffff;}
input[type="submit"]:hover {background-color: #8b4a4d;}