/*
Theme Name: Dryane Child
Template: dryane
Author: Daniel Ryan
Version: 1.0
Updated: 2018-03-29
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'BLOKK';
    src: url('/wp-content/uploads/2018/08/BLOKKNeue-Regular.ttf');
}

body {
	background: #FFFBF7 url('/wp-content/uploads/2018/07/bg.png');
}
div#body {
	min-height:calc(100vh - 20px);
}

#logo {
	padding:1em 1em 0 1em;
	line-height:1;
}
#logo,
h4.submenu-header,
h4.submenu-header a {
    padding-bottom: 0;
    //color: #e9e0d6;
	color: #2f3d4f;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-weight: 300;
    font-size: 2em;
	font-family: Roboto;
}
h4.submenu-header {
	padding-bottom:1em;
}
h4.submenu-header a {
	font-size:1em;
}

#icon-list {
	padding:0 1em 1em;
	font-size:32px;
}
#icon-list a {
	font-size:.75em;
	display:inline-block;
	color: #f7f7f7;
	-webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
	width:30px;
}
#icon-list a:hover {
	color:#eb7260
}

.single-indent {
    padding-left: 30px;
    padding-right: 30px
}
.entry-content a {
	text-decoration:none;
}
/* #breadcrumbs li a:hover, .entry-content a:hover, article.post a:hover, .widget a:hover, .post-navigation a:hover, .paging-navigation a:hover, section#comments a:hover {
    background-color: #354458;
	color:#f5f5f5;
} */
footer#footer {
	padding:3px 25px;
}
.footer-menu {
	display:none !important;
}
#twitterCont {
	bottom:0;
	position:absolute;
	width:100%;
	z-index:-1;
	border-top:1px solid rgba(0,0,0,.2);
}
.grid-featured-image {
	opacity:.25;
}

.entry-content .lorem-ipsum,
.entry-content p.lorem-ipsum,
.entry-content div.lorem-ipsum {
	font-family: "BLOKK";
	color:#2f3d4f;
	font-size:24px;
	letter-spacing:-.1em;
}

.animateHeight {
	border:1px solid #2f3d4f;
}
.entry-content .animateHeight h2 {
	font-family: Lato;
	font-weight: 300;
	font-size: 36px;
	text-align: center;
	cursor: pointer;
	background-color:#2f3d4f;
	color:#FFFBF7;
	margin:0;
	padding:.25em;
}
.animateHeightCopy {
	max-height: 0;
	overflow: hidden;
}
.animateHeightCopy p {
	padding:.75em 1em;
}

#youtubeParallax video {
	max-height:540px;
}
.grid-featured-image {
	opacity:.5;
}

.page-id-696 #featured-image-container picture img.featured-image.below-header {
	width:100vw;
	height:auto;
	max-height:unset;
}

.w-full {
	width:100%;
}

header#header h2 {
	text-transform:none;
    margin: 0;
    padding: 1em 1em .25em 1em;
    color: #e9e0d6;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 2em;
}

#personal-links {
	display:flex;
	gap:.5em;
    padding: 0 1em .5em 1em;
    font-size: 2em;
}
#personal-links a {
    color: #e9e0d6;
    font-size: .75em;
}
#personal-links a:hover {
	color:#eb7260;
}