/*
Theme Name: John Redwood's Diary 2020
description: > A Modern Skin for Sir John's Diary
Author: eccentriccoder.com
Template: siteorigin-unwind
Version: 1.6.9
*/
body.hero-has-gone div.top-bar div.slick-track,
body.hero-has-gone div.top-bar div.slick-slide {
	width:100% !important;
}
body aside div.carousel-inner a img.img-responsive {
	max-width:186px;
}

label[for="comment"]::after { 
  content: " *";
}

body textarea#comment.required,
body input#author.required,
body input#email.required
{
	border:1px solid #ff0000;
}

body .none {
	background-color: #cdcdcd;
	border: 1px solid #db7a2e;
}
body .image-preview-wrapper span{
	display:none;
}
body .image-preview-wrapper{
	max-width: 200px;
	max-height: 200px;
	min-width: 100px;
	min-height: 100px;
	background-color: #cdcdcd;
	border: 1px solid #db7a2e;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}

body .image-preview-wrapper.none.img {
	display:none;
}
body .image-preview-wrapper.none span {
    display: block;
    position: relative;
    /* top: 50%; */
    transform: translateY(75%);
    font-family: Lato, sans-serif;
    font-size: 19px;
    color: #ababab;
    height: 50px;
}

body .hide-if-no-customize {
	display:none !important;
}

a[href='themes.php?page=custom-background'],
li.wp-has-submenu a[href='themes.php?page=siteorigin-theme-about'] {
    display: none !important;
}

p.archive-entry.disclaimer {
    font-family: lato, sans-serif;
    font-size: 12px;
    margin-bottom: 50px;
    padding-bottom: 41px;
}

body .menu-toggle .svg-icon-menu path {
    fill: #ffffff;
}

body .menu-toggle:hover {
    color: #000;
}

body.hero-has-gone div#content {
    margin-top:auto !important;
}

body .search-toggle:hover {
    color: #000;
}

body .search-toggle:hover .open .svg-icon-search path {
    fill: #ffffff;
}

body .search-toggle .open .svg-icon-search path {
    fill: #ffffff;
}

body .search-toggle .close .svg-icon-close path {
    fill: red;
    background: none;
}

body .menu-toggle:hover,
body .search-toggle:hover {
    background: none;
}

body .search-toggle .open .svg-icon-search {
    transition: all 200ms ease-out;
}
body .search-toggle .close .svg-icon-close,
body .search-toggle .open .svg-icon-search {
    height: 24px;
    position: relative;
    width: 30px;
}
span.hero_socialline a  {
    position:relative;
    display:inline-block;
    padding-top:12px;
    color:#fff;
}

span.hero_socialline a:visited {
    color: #fff;
}

    span.hero_socialline a:hover {
        color: #fff;
    }

span.hero_socialline a img {
    max-width:30px;
}

div.acf-field.readonly div.acf-input input {}
div.carousel-item {
	text-align: center;
}
div.carousel-item { transition-duration: 4s; }
element.style {}
div.carousel-item a {
	text-align: center;
	display: inline-block;
	text-decoration: none !important;
	margin: 0 auto;
}
header .entry-meta {
	margin: .5em 0 35px;
}
header .entry-title {
	margin-bottom: 16px;
}
header.page-header {
	border-bottom: 2px solid #f4f4f4;
	margin-bottom: 3em;
	padding-bottom: 3em;
}
.archive-entry {
	border-bottom: 2px solid #f4f4f4;
	margin-bottom: 3em;
	padding-bottom: 3em;
}
.comment-list li.comment .comment-container {
	margin-left: 0em !important;
}
#colophon .widget a, #masthead-widgets .widget a, #secondary .widget a, body .entry-meta span a, body a {
	color: #014c8c;
	text-decoration: none;
}
body #colophon .widget a, #masthead-widgets .widget a, #secondary .widget a {
	color: #014c8c !important;
}
aside#secondary a {
	font-family: Lato, sans-serif;
	font-size: 12px;
	color: #014c8c;
}

aside#secondary span.hero_socialline a {
	font-size: 14px;
}

aside#secondary small {
	font-family: Lato, sans-serif;
	font-size: 12px;
}

div.textwidget.custom-html-widget span.hero_socialline a img {
    max-width: 30px;
    padding-right: 5px;
}

body .nav-links a:hover {
    border-color: #014c8c;
}
body .nav-links a:hover, body #colophon .widget a:focus, body #masthead-widgets .widget a:focus, body #secondary .widget a:focus, body #colophon .widget a:hover, body #masthead-widgets .widget a:hover, body #secondary .widget a:hover, body .entry-meta span a:focus, body .entry-meta span a:hover, body a:focus, body a:hover {
    color: #014c8c;
    text-decoration: underline;
}
body input[type='submit'], body input[type='submit']:hover, body input[type='submit']:focus, body input[type='submit']:visited {
	color: #014c8c;
}

body input[type='submit']:focus, body input[type='submit']:hover {
	border-color: #014c8c;
}
#colophon .widget a, #masthead-widgets .widget a, #secondary .widget a {
	color: #626262;
	text-decoration: none;
}
@media (max-width: 768px) {
    body div.desktop_header_slick {
        display: none;
    }
    body div.mobile_header_slick {
        position: absolute;
        display: block;
        height: 60px;
        width: 100%;
    }

        body div.mobile_header_slick div.item.slick-slide {
            height: 60px;
        }

	body #masthead {
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 40px;
	}
	body nav.main-navigation span.mobile_title {
		color: #ffffff;
		padding-left: 32px;
		display: block;
	}
	body div.desktop_header_slick {
		display: none;
	}
	body div.desktop_header {
		display: none;
	}
}
@media (min-width: 769px) {
    body div.mobile_header_slick {
        display: none;
    }
    #masthead .top-bar > .container {
        top: -170px;
    }
	body #masthead .top-bar {
		/*background: #000;*/
		color: #fff;
		height: 170px;
	}
	body ul#primary-menu a {
		color: #fff;
		text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000;
	}
	body .search-toggle .open .svg-icon-search path {
		fill: #ffffff;
	}
	.search-toggle .close .svg-icon-close path {
		fill: #ffffff;
	}
	body div.desktop_header .desktop_title {
		display: block;
		color: #fff;
		font-family: Lato, sans-serif;
		font-size: 3rem;
		text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000;
	}
	body div.desktop_header .desktop_tagline {
		display: block;
		color: #fff;
		font-family: Lato, sans-serif;
		font-size: 1rem;
		text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000;
	}
	body div.desktop_header_slick {
		display: block;
		margin: 0 auto;
		position: relative;
		width: 100%;
	}
	body div.desktop_header {
		top: -170px;
		display: block;
		margin: 0 auto;
		max-width: 1190px;
		padding: 0 25px;
		position: relative;
		width: 100%;
	}
	body #masthead {
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 40px;
	}
	body nav.main-navigation span.mobile_title {
		display: none;
	}
}
body {
	font-family: Lato, sans-serif;
}
header {
	/*overflow: hidden;*/
}
.hero-text h2 {
	margin-bottom: 50px;
}
.hero-text .hero {
	position: relative;
}
.hero-text .hero .hero-slide a:hover span {
	color: #033a71;
}
.hero .hero-slide img {
	width: 100%;
	height: 600px;
	object-fit: cover;
	object-position: top center;
}
.hero .hero-slide .header-content {
	top: 20%;
	margin-left: 8rem;
	max-width: 550px;
	width: 100%;
	padding: 2rem;
}
.slide-content {
	padding: 10px 20px 10px 0;
}
.slide-content .h1 {
	font-size: 62px;
}
.btn-primary {
	background-color: #5302FE;
	border: #111;
	border-radius: 0;
}
/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInUpSD {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeInUpSD {
	-webkit-animation-name: fadeInUpSD;
	animation-name: fadeInUpSD;
}
.slick-active .slide-content {
	animation-name: fadeInUpSD;
	animation-duration: 1s;
	opacity: 1;
	width: 100%;
	padding: 10px 20px 30px 0;
}
/* Text Animation End **/

.slick-dots {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-active button {
	background: #d60e96;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	border-radius: 50%;
	border: 0;
	outline: none;
}
.slick-dots li button::before {
	font-size: 18px;
	color: #fff;
	opacity: 1;
}
/* Media Queries */

@media (max-width: 768px) {
	.hero-text .hero .hero-slide a {
		padding-top: 0.8rem;
	}
	.hero-text .hero .hero-slide a span {
		font-size: 20px;
		margin-top: 0.5rem;
	}
	.hero .hero-slide .header-content {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin: 0 auto;
	}
}
.hero, .hero-slide {
	height: 100%;
	width: 100%;
	/* Set the height to match that of the viewport. */
	height: 100vh;
	/* Set the width to match that of the viewport. */
	width: 100vw;
	left: 0px;
	top: 0px;
	z-index: 999999;
}
.hero {
	position: absolute;
	background-color: #000;
}
.hero-slide {
	position: relative;
}
body.home .site-content {
	position: relative;
}
.hero.ready, .hero.ready .hero-slide {
	z-index: 99999;
}
body .home .site-content {
	position: relative;
	z-index: 99999;
	background: white;
}
body:not(.home) .hero {
	display: none;
}
body.hero-has-gone .hero {
	display: none !important;
}
body.hero-has-gone .header-content {
	display: none !important;
}
body.hero-has-gone .scroll-hint {
	display: none !important;
}
body.hero-has-gone .scroll-hint {
	display: none !important;
}
body.home.hero-ready:not(.hero-has-gone) .top-bar {
	display: none;
}
body.home.hero-ready.hero-has-gone div#site-content {
	margin-top: auto;
}
.scroll-hint {
	cursor: pointer;
}
.desktop_header_slick .slick-slide {
	background-size: cover;
	height: 170px;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 999999;
}
.header-content {
	display: block;
	color: #fff;
	z-index: 999999;
	margin-left: 40px;
	position: relative;
}
.header-content .hero_title {
	text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000;
	font-family: Lato, sans-serif;
	font-size: 3rem;
}
.header-content .hero_tagline {
	text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000;
	font-family: Lato, sans-serif;
	font-size: 1rem;
}
.header-content .hero_socialline {
    text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000;
    font-family: Lato, sans-serif;
    font-size: 1rem;
}
    .header-content .hero_socialline a {
        color:#fff;
    }

.arrow {
    border: solid #333;
    border-width: 0 6px 6px 0;
    display: inline-block;
    padding: 6px;
}
.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.scroll-hint {
	z-index: 9999;
	position: absolute;
	background: #fff;
	padding-left: 16px;
	padding-top: 11px;
	border-radius: 25px;
	bottom: 24px;
	right: 24px;
	border: 1px solid #999999;
	width: 51px;
	height: 51px;
	border: 1px solid #666;
	box-shadow: 1px -1px 3px #666, -1px 1px 3px #666;
}
#overlay {
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: hsla(0, 0%, 100%, .99);
	transition: 1s 0.4s;
}
#progress {
	height: 1px;
	background: #fff;
	position: absolute;
	width: 0;
	top: 50%;
}
#progstat {
	font-family: Merriweather, serif;
	font-size: 32px;
	letter-spacing: 3px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	width: 100%;
	text-align: center;
	color: #626262;
}
.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #626262;
	border-color: #626262 transparent #626262 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

li.wp-has-submenu a[href='themes.php?page=siteorigin-theme-about'] {
    display: none;
}

body input[type=color], body input[type=date], body input[type=datetime-local], body input[type=datetime], body input[type=email], body input[type=month], body input[type=number], body input[type=password], body input[type=range], body input[type=search], body input[type=tel], body input[type=text], body input[type=time], body input[type=url], body input[type=week], body textarea {
	font-size:15px;
	color:#000;
}
@media (min-width: 769px) {
	:target:before {
		content:"";
		display:block;
		height:180px; /* fixed header height*/
		margin:-180px 0 0; /* negative fixed header height */
	}
}
@media (max-width: 768px) {
	:target:before {
		content:"";
		display:block;
		height:70px; /* fixed header height*/
		margin:-70px 0 0; /* negative fixed header height */
	}
}