/*
 Theme Name:   hejCreatives
 Theme URI:    https://hejcreatives.dk/
 Description:  Art direction & graphic design
 Author:       hejCreatives
 Author URI:   https://hejcreatives.dk/
 Template:     Total
 Version:      1.0.0
 Text Domain:  totalchildtheme
*/

@font-face {font-family: "baskerville-urw"; src: url('https://use.typekit.net/nbv0fjh.css');}
@font-face {font-family: "helvetica-neue-lt-pro"; src: url('https://use.typekit.net/nbv0fjh.css');}
@font-face {font-family: 'helveticaneue-condenced'; src: url('assets/fonts/helveticaneue-condenced.ttf');}

#menu-primary {background-color: #fff!important; padding-bottom: 10px;}
#menu-primary a{text-transform: uppercase; letter-spacing: 0.2em; font-size: 12px!important; font-family: 'Gill-regular'!important; color: #555; padding: 0 10px;}

#menu-item-57, #menu-item-58, #menu-item-59, #menu-item-60, #menu-item-287 {text-transform: uppercase; font-family: "helvetica-neue-lt-pro", sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0.1em!important; color: #231f20!important;}

#frontpage-hero {margin-top: 50px; margin-bottom: 0px;}
.frontpage-hero p{font-size: 32px; line-height: 40px; font-family: "baskerville-urw"!important; font-weight: 100; font-style: normal; text-align: center; color: #8e733d;}

#frontpage-intro {background-color: #f1eadc;}
#frontpage-intro .text-block img {width: 50px; margin-bottom: 0px; margin-top: 35px; margin-left: 45px;}
#frontpage-intro p{font-size: 16px; line-height: 20px; font-family: "baskerville-urw"!important; font-weight: 100; font-style: normal; width: 80%; margin-left: 50px; letter-spacing: 0.03em; margin-top: 30px; color: #554516;}
.uppercase{text-transform: uppercase; font-family: "helvetica-neue-lt-pro", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.05em;}

#ydelser{background-color: #f05135!important;}

.ydelser-box-row{width: 95%; position: relative!important; margin: auto;}

#ydelser .ydelser-box > div > div {background-color: #fff; margin-top: 40px; padding: 10px 40px 40px 40px; width: 100%; min-height: 530px!important;}

#ydelser h2{color: #fff!important; font-family: "baskerville-urw"; font-weight: normal; font-size: 50px; margin-left: 30px!important; margin-top: 50px;}
#ydelser .ydelser-box h3{font-family: "helveticaneue-condenced"!important; text-transform: uppercase; color: #161648; letter-spacing: 0.07em!important;}
#ydelser .ydelser-box p, #ydelser .ydelser-box li{font-family: "baskerville-urw"!important; text-transform: normal; color: #161648; font-size: 18px; line-height: 26px;}
#ydelser .ydelser-box li{margin-bottom: 10px; margin-left: -15px;}

#portfolio {background-color: #f1eadc;}
.portfolio-intro-text {padding: 0 20px!important;}

#portfolio h2{color: #554516; font-family: "baskerville-urw"; font-weight: normal; font-size: 40px; line-height: 42px; text-align: center;}
#portfolio p{color: #554516; font-family: "baskerville-urw"; font-weight: normal; font-size: 20px; text-align: center; padding-bottom: 30px;}

.w-portfolio-item-details-content-text {width: 100%!important;}
.w-portfolio-item-details-content-text img {width: 750px!important; margin: auto; position: relative;}

.w-portfolio-item-hover .fa-plus::before{content: url("assets/img/overlay-plus.png");}
.w-portfolio-item-meta {background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0px, transparent 100%);}

.w-portfolio-item-details-content-text a {color: #914e4f; font-size: 14px;}

.w-portfolio-item-details-arrow {background-color: #c4c2c2!important; height: 100%; width: 40px; opacity: 0.1; -webkit-transition: background-color 0.3s, opacity 0.3s; transition: background-color 0.3s, opacity 0.3s;}

.w-portfolio-item-details-close {font-size: 24px; text-align: center; line-height: 30px; height: 30px; width: 30px; background-color: transparent!important; margin-top: 10px; margin-right: 5px;}
.w-portfolio-item-anchor:after{background-color: #f1eadc;}

/*Hidden portfolio items*/
.w-portfolio-item-title{display: none;}
.w-portfolio-item-details-content-text h3 {display: none;}
.w-portfolio-item-details-arrow.to_next, .w-portfolio-item-details-arrow.to_prev {display: none!important;}
.w-portfolio-item-details-content-preview img{display: none!important;}

#referencer{text-align: center; background-color: #f1eadc;}
#referencer h2{color: #5b6877; font-family: "baskerville-urw"; font-weight: normal; font-size: 40px; line-height: 42px; text-align: center; margin-top: -15px;}
#referencer p{color: #5b6877; font-family: 'helvetica-neue-lt-pro'; font-weight: normal; font-size: 10px; letter-spacing: 0.2em; text-align: center; padding-top: 50px; text-transform: uppercase;}
#referencer img{width: 1000px!important; padding-top: 20px;}

/* = Milenes responsive
-------------------------------------------------------------- */

/* MOBILE – PORTRAIT & LANDSCAPE */

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) {
	
	
.wpex-dropdown-menu{margin-top: -15px;}	
.frontpage-hero p{font-size: 20px!important;}
.w-portfolio-item-details-h{margin: 0px!important; padding: 50px 15px 20px 15px!important; width: 100%!important;}

}

/* ----------- iPad 3 and 4 ----------- */

/* TABLET – PORTRAIT & LANDSCAPE */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
	
	
}