/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* colors and typography */
:root{
	--blue-light: #6EAFAF;
	--blue-middle: #0000FF;
	--blue-dark: #0F4B77;
	--box-padding: 5%;
}


html.html{
	font-size: 28px;
	color: var(--dark-blue);
}

html.html body{
	font-size: 1rem;
}

#main h1,
#main h2{
	font-size: 2rem; /* 48px */
}

#main h3{
	font-size: 1.66rem; /* ~40px */
}

#main h4{
	font-size: 1.33rem; /* ~32px */
}

#main .text-blue-middle div,
#main .text-blue-middle p,
#main .text-blue-middle h1,
#main .text-blue-middle h2,
#main .text-blue-middle h3{
	color: var(--blue-middle);
}

#main .text-blue-dark div,
#main .text-blue-dark p,
#main .text-blue-dark h1,
#main .text-blue-dark h2,
#main .text-blue-dark h3{
	color: var(--blue-dark);
}

#main .text-white div,
#main .text-white p,
#main .text-white h1,
#main .text-white h2,
#main .text-white h3{
	color: #fff;
}

#footer .small-text div{
	font-size: 0.5rem;
}

/* site-header */
header#site-header{
	padding-top: 25px;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

#site-header-inner{
	max-width: unset;
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
}

/* wpb config */
#home-intro-row>.wpb_column>.vc_column-inner{
	padding-top: 12vw;
}

.vc_col-sm-6:first-child{
	padding-left: var(--box-padding);
}
.vc_col-sm-6:nth-child(2){
	padding-right: var(--box-padding);
}



/* span text color */
span.text-white{
	color: #fff !important;
}

span.text-blue-light{
	color: var(--blue-light) !important;
}

span.text-blue-middle{
	color: var(--blue-middle) !important;
}

span.text-blue-dark{
	color: var(--blue-dark) !important;
}

.white-rounded-border>.vc_column-inner{
	border: 1px solid #fff;
	padding: 50px;
	border-radius: 30px;
}

/* colored rows and cols */
.row-blue-dark{
	background-color: var(--blue-dark);
}
.row-blue-middle{
	background-color: var(--blue-middle);
}
.row-blue-light{
	background-color: var(--blue-light);
}
.col-blue-dark{
	background-color: var(--blue-dark);
}
.col-blue-middle{
	background-color: var(--blue-middle);
}
.col-blue-light{
	background-color: var(--blue-light);
}

/* FOOTER */
footer#footer{
	background-color: var(--blue-dark);
	color: #fff;
	font-size: 0.75rem;
}
footer#footer a{
	color: #fff;
}


/* overwrite general settings of oceanwp for focus of links (black border) */
#main a:focus,
#site-header a:focus,
#footer a:focus{
	outline: 0px !important;
}

@media all and (max-width: 1920px){
	html.html{
		font-size: 24px;
	}
}