/*
Theme Name: GoldExperts
Theme URI: https://github.com/tidythemes/blankslate
Author: lsaroukos
Author URI: https://lsaroukos.gr
Description: Custom template created based on blankslate
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: goldexperts

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* ========CUSTOM CODE========= */
/*constants*/
:root{
    --text:#333333;
    --bg-dark:#333333;
    --link:#fed959;
    --link-dark:#e1b41a;
    --border-pale:#eeeeee;
    --text-lighter:#aaaaaa;
    --text-light:#777777;
    --btn-bg-dark:#222222;
    --page-bg:#faf7f4;
	--gold-bg-light:#f9f0e2;
	--gold-bg:#d2ab67;
    /*define the breakpoints*/
    --sm:450px;
    --md:800px;
    --lg:1200px;
    --xl:1600px;
}

/* GENERAL RULES*/
*, html, body{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    font-weight:normal;
    line-height:normal;
    color:var(--text);
    word-break:keep-all;
    scroll-behavior: smooth;
}
.entry-content {
	max-width: 1920px;
	margin: auto;
}
.pale-bg{background-color:var(--border-pale);}
/*general elements*/
img[class^="wp-image-"] {height: auto;}
#wrapper{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.section-centered{
    max-width:1340px;
    width:90%;
    margin:auto;
}
section {
	display: flex;
	justify-content: center;
	flex-direction: column;
    align-items:center;
}
.btn-dark{
    background:var(--btn-bg-dark);
    color:white;
    padding:17px 34px;
}
div.wpforms-container-full .wpforms-form button[type="submit"]{
	background: var(--btn-bg-dark);
	color: white;
	padding: 17px 34px;
	width: 50%;
	position: relative;
	margin: auto;
	display: block;
}
.flex-reverse {
	flex-wrap: wrap-reverse;
}
/*===scroll top top btn===*/
#scrollToTopBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 999999;
	border: none;
	outline: none;
	background-color: var(--bg-dark);
	color: white;
	cursor: pointer;
	padding: 15px 20px;
	border-radius: 5px;
	font-size: 18px;
}
  
  #scrollToTopBtn:hover {
    background-color: var(--btn-bg-dark); /* Add a dark-grey background on hover */
  }
/* Typography */
strong{font-weight:bold;}
h1{font-size:30px;font-weight:600;}
h2{font-size:26px;font-weight:600;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:15px;}
p.paragraph{font-size:14px;line-height: 30px;}
hr {
	border: solid 1px var(--border-pale);
}
.list {
	list-style: circle;
	padding-left: 40px;
}
.list-items {
	list-style: circle;
	padding: 10px;
}
.justify{text-align:justify;}
a{text-decoration:none;}
    a:hover{color: var(--link-dark);}

.text-medium{
    line-height: 30px;
    font-size:16px;
    color:var(--text-light);
}
.entry-content p, .entry-content h1, .entry-content  h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
    padding:10px 0;
}
.alignLeft{text-align:left;}

.wp-block-columns {
	display: flex;
	margin-bottom: 0;
	flex-wrap: wrap;
}
.wp-block-column:not(:first-child) {
    margin-left:0;
}
.wp-block-columns .wp-block-column {
    flex:1;
}

.wp-block-button a.wp-block-button__link {
	font-size: 14px;
	padding: 18px 40px 22px 40px;
	border: 1px solid;
}
.wp-block-button.is-style-fill a.wp-block-button__link.no-border-radius {border: none;}
.color-invert, .color-invert * {
	background: var(--bg-dark);
	color: var(--text-lighter);
}
.wp-block-columns.has-background {
	padding: 1.25em 0;
}
.splide__arrows {
	display: none;
}
/* container */
#container {
	flex: 1;
	max-width: 100vw;
	overflow-x: hidden;
}
/*==== PAGE CONTENT====*/
#content{
    background: var(--page-bg);
    min-height: 50vh;
}
body:not(.home) #container {
	background: var(--page-bg);
}
body:not(.home) #container .wrapper {
	max-width: var(--xl);
	width: 100%;
	margin: auto;
	padding: 10px;
	position: relative;
}
.entry-title {
	text-transform: uppercase;
	font-size: 40px;
	padding: 30px 0;
	background-image: linear-gradient( to bottom, #462523 10%, #cb9b51 28%, #f6e27a 43%, #f6f2c0 44%, #f6e27a 46%, #cb9b51 57%, #462523 90% );
	color: transparent;
	-webkit-background-clip: text;
	z-index:1;
}
    .entry-title a:hover {color:inherit;}

#content.sidebar-page > .wrapper {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
}   
    #content.sidebar-page .wrapper > article {flex:3;}
    #content.sidebar-page .wrapper > aside {flex:1;}
#content .wrapper article {
    max-width: 100%;
}

/*====COMMENTS AREA====*/
#comments {
	padding: 50px 20px;
}
#comments section {
	display: block;
	background: white;
	padding: 30px;
}
    #comments section li {
        padding: 20px;
    }
    .comment-meta.commentmetadata * {
        color: var(--text-lighter);font-size:small;
    }
    #comments li p {
        padding-top: 10px;
    }
    #comments ul li .reply a {
        font-size: small;
        color: var(--link-dark);
    }
#commentform * {
	max-width: 100%;
	padding: 5px 0;
}
#commentform input[type="submit"]{
    padding: 18px 40px 22px 40px;
    display: inline-block;
}
#commentform input[type="submit"] {
	padding: 15px;
	display: inline-block;
	background: var(--bg-dark);
	border: none;
	color: var(--border-pale);
}
.comment-form-comment label {
	display: block;
}
/*====NAV LINKS====*/
.nav-links {
	display: flex;
	justify-content: space-between;
	padding: 5px 20px;
}

/*====BREADCRUMBS====*/
#breadcrumbs {
    background: white;
	padding: 3px 0;
	color: var(--text);
}
    #breadcrumbs *{color:inherit}

/*====SIDEBAR====*/
#sidebar {
	margin: 40px 10px;
	background: var(--text);
	padding: 40px;
    flex: 1;
    min-width: 375px;
}
    #sidebar * {color: var(--text-lighter);}
    #sidebar input {color: var(--text);}
    #sidebar li {padding-bottom: 10px;}
    #sidebar .widget-title {color: white;}
    #sidebar .widget-container ul {padding-left: 4px;}

/*====SEARCH FORM======*/
.search-form {
	display: flex;
	flex-direction: row;
}
    .search-form input {
        font-size: 14px;
        line-height: 20px;
        padding: 5px 10px;
    }
    .search-form .search-field {
        border: none;
        border-radius: 2px 0 0 2px;
    }
    .search-form .search-submit {
        border: none;
        background: var(--link);
        border-radius: 0 2px 2px 0;
    }

/*========ENEXURA SINGLE=====*/
.header.enexura-header {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 300px;
    position: relative;
    display: flex;
}

    .header.enexura-header .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background: ;
        left: 0;
        background: rgba(0,0,0,0.5);
    }
    .header.enexura-header .entry-title {
        background-image: none;
        color: white;
        max-width: 80%;
        text-align: center;
        width: 100%;
        position: relative;
        margin: auto;
    }
.wp-block-table.is-style-regular.in-page-table {
	max-width: 600px;
	background: var(--gold-bg-light);
}
.in-page-table figcaption {
	font-size: 0.8em;
	padding:20px 5px 5px 5px;
}
.in-page-table tr:nth-child(2n+1) {
	background: var(--gold-bg);
}
.in-page-table td {
	padding: 5px;
}
.wp-block-group.color-invert figure img {
	background: var(--border-pale);
	width: 100%;
	padding: 10px;
}
/*---certificates section---*/
#certificates .wp-block-column.wrapper.color-invert {
	min-height: 400px;
}
/*---GOLDEN COINS----*/
.wp-block-group.coin-grid > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}
	.wp-block-group.coin-grid > .wp-block-group__inner-container > * {
		margin: 10px;
		padding: 17px;
		flex-grow: 1;
		min-width: 300px;
		flex-basis: 30%;
	}
	



.entry-content .highlight > * {
	display: inline-block;
	padding: 2em;
	margin:5px 0;
}
/*====ADD_ON STYLES====*/
.wp-block-cooltimeline-timeline-block p {
	color: var(--text-light);
	padding: 0;
}

/* Medium */
@media only screen and (min-width:800px){
	h1{font-size:40px;font-weight:600;}
	h2{font-size:36px;font-weight:600;}
	h3{font-size:30px;}
	h4{font-size:24px;}
	h5{font-size:22px;}
	h6{font-size:18px;}
	p.paragraph{font-size:14px;line-height: 30px;}
	body:not(.home) p {font-size:17px;}
    .equal-columns-2 > .wp-block-column{
        max-width:50%;
    }    
    .wp-block-columns .wp-block-column {
        min-width: 400px;
    }    
	body:not(.home) #container .wrapper {
		width: 90%;
		padding: 10px;
	}
	.section-centered{
		padding: 0 22px;
	}
	.wp-block-columns.has-background {
		padding: 1.25em 2.375em;
	}
	.splide__arrows {
		display: block;
	}
}