/*
 Theme Name:   Twenty Seventeen Child
 Template:     twentyseventeen
 Version:      1.0.0
*/

:root{
	--color-vedal-blue: #365973;
	--color-dark-blue: #0d1a2b;
    --color-grey: #efeeed;
    --color-grey-text: #484848;
    --color-grey-background: #fcfbfb;
    --color-error: #f04438;

}

@font-face {
 font-family: 'Roboto Flex';
 src: url('RobotoFlex-VariableFont.woff2') format('woff2');
}



body{
	color: var(--color-grey-text);
	font-family: "Roboto Flex", sans-serif;
	font-size: 19px;
	font-weight: 300;
}
/* Tipography */
.page .panel-content .entry-title, 
.page-title, body.page:not(.twentyseventeen-front-page) .entry-title{
	font-size: inherit;
	font-weight: 400 !important;
	text-transform: initial;
	
}
.entry-meta a {
	color: var(--color-grey-text);
}

h1,
h2,
h3,
h4,
h5,
h6{
	color: var(--color-grey-text);
	font-weight: 400;
}

.site-title{
	background-color: white !important;
	padding: 24px 32px !important;
	font-weight: 400 !important;
}

.site-title a{
	color: var(--color-vedal-blue) !important;
}
body.has-header-image .site-title, 
body.has-header-video .site-title, 
body.has-header-image .site-title a, 
body.has-header-video .site-title a {
	color: var(--color-grey-text);
    text-transform: inherit;
    letter-spacing: 0.01em;
}

.site-title:after,
h2.page-title:after,
h1.entry-title:after {
    content: "";
    display: block;
    width: 2.08333rem;   
    left: 0;    
     border-bottom: 1.5px solid var(--color-grey-text);
}
.site-title:after{
	 padding-top: 1.29167rem;
}

h2.page-title:after,
h1.entry-title:after {
	 padding-top: 2.29167rem;	
}
h2.widget-title{
	font-size: 19px !important;
	font-weight: 400 !important;
	text-transform: initial !important;
}
.icon{fill: var(--color-grey-text) !important;}

label{font-weight: 400 !important;}

@media screen and (min-width: 48em){
	h2.widget-title {
    	margin-bottom: 0.5rem;
	}
}

.icon {
    fill: var();
}

/* Links and buttons */
label {
	font-weight: 600;
}

button, 
input[type="button"], 
input[type="submit"] {
	border: solid 1px #222;
	border-radius: 0;
	padding: 15px 50px;
	text-transform: uppercase;
	background-color: transparent;
	color: #373d3f;
	font-weight: 600;
	font-size: .9rem;
	
}
button:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover {
	background-color: #365973;
	color: white;
	border-color: #365973;
}
.entry-content a:focus, 
.entry-content a:hover, 
.entry-summary a:focus, 
.entry-summary a:hover, 
.comment-content a:focus, 
.comment-content a:hover, 
.widget a:focus, 
.widget a:hover, 
.site-footer .widget-area a:focus, 
.site-footer .widget-area a:hover, 
.posts-navigation a:focus, 
.posts-navigation a:hover, 
.comment-metadata a:focus, 
.comment-metadata a:hover, 
.comment-metadata a.comment-edit-link:focus, 
.comment-metadata a.comment-edit-link:hover, 
.comment-reply-link:focus, 
.comment-reply-link:hover, 
.widget_authors a:focus strong, 
.widget_authors a:hover strong, 
.entry-title a:focus, 
.entry-title a:hover, 
.entry-meta a:focus, 
.entry-meta a:hover, 
.page-links a:focus .page-number, 
.page-links a:hover .page-number, 
.entry-footer a:focus, 
.entry-footer a:hover, 
.entry-footer .cat-links a:focus, 
.entry-footer .cat-links a:hover, 
.entry-footer .tags-links a:focus, 
.entry-footer .tags-links a:hover, 
.post-navigation a:focus, 
.post-navigation a:hover, 
.pagination a:not(.prev):not(.next):focus, 
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus, 
.comments-pagination a:not(.prev):not(.next):hover, 
.logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
    color: #365973;
    -webkit-box-shadow: inset 0 0 0 rgba(54, 89, 115, 0), 0 3px 0 rgba(246, 89, 93, 0);
    box-shadow: inset 0 0 0 rgba(54, 89, 115, 0), 0 3px 0 rgba(246, 89, 93, 0); 
    
    -webkit-box-shadow: inset 0 0 0 rgba(246, 89, 93, 0), 0 3px 0 rgba(246, 89, 93,0);
    box-shadow: inset 0 0 0 rgba(246, 89, 93, 0), 0 3px 0 rgba(246, 89, 93, 0); 
}

.entry-title a, 
.entry-meta a, 
.page-links a, 
.page-links a .page-number, 
.entry-footer a, 
.entry-footer .cat-links a, 
.entry-footer .tags-links a, 
.edit-link a, 
.post-navigation a, 
.logged-in-as a, 
.comment-navigation a, 
.comment-metadata a, 
.comment-metadata a.comment-edit-link, 
.comment-reply-link, a .nav-title, 
.pagination a, 
.comments-pagination a, 
.site-info a, 
.widget .widget-title a, 
.widget ul li a, 
.site-footer .widget-area ul li a, 
.site-footer .widget-area ul li a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    text-decoration: none;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.main-navigation a{
	font-size: 1.25rem;
    font-weight: 300;
}

.entry-content a, 
.entry-summary a, 
.comment-content a, 
.widget a, 
.site-footer .widget-area a, 
.posts-navigation a, 
.widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
}
.entry-content a:hover, 
.entry-summary a:hover, 
.comment-content a:hover, 
.widget a:hover, 
.site-footer .widget-area a:hover, 
.posts-navigation a:hover, 
.widget_authors a:hover strong {
    -webkit-box-shadow: inset 0 0 0 rgba(246, 89, 93, 0), 0 3px 0 rgba(246, 89, 93, 1);
    box-shadow: inset 0 0 0 rgba(246, 89, 93, 0), 0 3px 0 rgba(246, 89, 93, 1);
}
.entry-content a.wp-block-post-excerpt__more-link{
	color: rgb(246, 89, 93)
}
#secondary {font-size: 19px;}

footer .entry-content a img, 
footer .widget a img {
    -webkit-box-shadow: transparent;
    box-shadow: none;
}
/* Form */

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea{
	color: #365973;
	border: none;
    border-bottom: 1px solid #365973;
    border-radius: 0;
}
.search-submit{
	border: none;
	    
}
.search-form .search-submit{
	border-radius: 3px;
}
.search-submit:hover .icon-search{
	fill: #ffffff;
}

.es-field-wrap {
    margin-bottom: 1.5rem;
}

/* Menu */

@media screen and (min-width: 48em){
	.main-navigation li li:hover, 
	.main-navigation li li.focus {
   	 	background: #365973;
	}
}
/* Icons */
.icon {
	fill: #f6595d;
}
.icon-search{
	fill: #365973;
}



/* Header */

@media screen and (min-width: 48em){
	.has-header-image.twentyseventeen-front-page .custom-header, 
	.has-header-video.twentyseventeen-front-page .custom-header, 
	.has-header-image.home.blog .custom-header, 
	.has-header-video.home.blog .custom-header {
    	height: 60vh !important;
	}
}

@media screen and (max-width: 47.9em){
	.has-header-image.twentyseventeen-front-page .custom-header, 
	.has-header-video.twentyseventeen-front-page .custom-header, 
	.has-header-image.home.blog .custom-header, 
	.has-header-video.home.blog .custom-header {
    	height: 20vh !important;
	}
}

.has-header-image .custom-header-media img, 
.has-header-video .custom-header-media video, 
.has-header-video .custom-header-media iframe {
    height: auto;
    max-width: 30%;
    min-height: 30%;
 }
@media screen and (min-width: 47.9em){
	.has-header-image .custom-header-media img, 
	.has-header-video .custom-header-media video, 
	.has-header-video .custom-header-media iframe {
	    max-width: 55%;
    	min-height: 55%;
	}
}
/* Footer  */
footer.site-footer {    
	background-color: var(--color-dark-blue);
    color: var(--color-grey);
}
footer.site-footer a{  
	-webkit-box-shadow: inset 0 -1px 0 rgba(54, 89, 115, 1);
    box-shadow: inset 0 -1px 0 rgba(54, 89, 115, 1);
	color: white;	
}
footer.site-footer a:hover{ 
	color: white;
}