/*
 Theme Name:   Prosafe Asset
 Theme URI:    https://skyline-internet.com/skylinestarter
 Description:  A Starter Theme for Skyline WordPress Sites, Child theme of Customify
 Author:       Skyline Internet
 Author URI:   https://www.skyline-internet.com
 Template:     customify
 Version:      1.0.0
 Text Domain:  prosafe
*/

:root{
	--fonth: 'Raleway',sans-serif;
	--fonth_weight: 700;
	--fontp: 'Raleway',sans-serif;
	--fontp_weight: 300;
	--primary: #2f60bd;
	--secondary: #ff8f08;
	--accent: #5bc0eb;
	
	--grey:#ccc;
	--black:#333333;
	--white:#fff;
	
	--border-radius:5px;	
	--box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);;
	--box-shadow-heavy: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

html {
  scroll-behavior: smooth;
}

/* Buttons */

.btn{
	border-radius:var(--border-radius);
	display: inline-block;
    font-weight: 400;
	font-family:var(--fontp);
	font-weight:var(--fontp)-weight;
	letter-spacing:1px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent!important;
    padding: .375rem .75rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:hover{
	box-shadow:inset 200px 200px 200px 200px rgba(255,255,255,0.25)!important;
}

.btn-primary{
	background-color:var(--primary)!important;
	color:#fff!important;
}

.btn-accent{
	background-color:var(--accent)!important;
	color:#fff!important;
}

.btn-primary.inverse{
	background-color:#fff!important;
	color:var(--primary)!important;
}

.btn-secondary{
	background-color:var(--secondary)!important;
	color:#fff!important;
}

.btn-secondary.inverse{
	background-color:#fff!important;
	color:var(--secondary)!important;
}
/* End Buttons */
/*============*/
/* Header*/
/*End Header*/
/*============*/
/* Footer */
	footer a.social-link{
		font-size:1.5em;
		margin:0 10px;
	}

	footer a.social-link:first-child{
		margin-left:0;
	}
/* End Footer */
/*============*/
/* Form Control */
	.form-control,
	.wpcf7-form-control{
		display: block;
		width: 100%;
		padding: .375rem .75rem;
		font-size: 1rem;
		line-height: 1.5;
		color: #495057;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: var(--border-radius);
		font-family:var(--fontp);
		font-weight:var(--fontp_weight);
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}

	.wpcf7-form-control:not([type=submit]):focus{
		background-color:#fff!important;
	}

	.wpcf7-response-output{
		background-color:#17a2b8!important;
		color:#fff;
		border-left:8px solid #107e90!important;
		border-top:none!important;
		border-right:none!important;
		border-bottom:none!important;
		padding:.6em .8em!important;
	}

	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7 form.unaccepted .wpcf7-response-output{
		background-color:#ff8a05!important;
		border-color:#eb7d00!important;
	}

	body.page-id-17 .float-wrapper{
		display:flex;
	}
	
	.wpcf7-form-control.wpcf7-checkbox{
		border:none!important;
	}

	.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{
		margin-left:0;
	}

	@media(min-width:768px)
	{
		body.page-id-17 .float-wrapper .left,
		body.page-id-17 .float-wrapper .right{
		flex-basis:50%;
		}
		
		body.page-id-17 .float-wrapper .left{
			padding:0 1em 0 0;
		}
		
		body.page-id-17 .float-wrapper .right{
			padding:0 0 0 1em;
		}
		
		body.page-id-17 #main .wpcf7-form-control{
			margin-bottom:1em;
		}
	}



/* End Form Control */
/*============*/
/* Home */
	body.home main#main{
		padding-top:0!important;
	}

	body.home .sow-slider-image-wrapper:after{
		content:'';
		display:block;
		width:100%;
		height:100%;
		z-index: -1;
		position:absolute;
		left:0;
		top:0;
		background-color:rgba(0,0,0,0.31);
	}

	body.home .home-hero .home-hero-inner>.panel-grid-cell{
		z-index:0;
	}

	body.home .hero-caption{
		text-align:center;
	}

	body.home .hero-caption:not(.hero-caption-side) h3{
		opacity:.5;
	}

	body.home .hero-caption:not(.hero-caption-side) h3.active{
		opacity:1;
	}

	body.home .hero-caption h5{
		font-size:24px!important;
		font-style:italic;
		font-weight:300;
		text-shadow:none!important;
		text-transform:capitalize!important;
		font-family:var(--fonth)!important;
	}

	body.home .hero-caption h3{
		font-size:68px!important;
		font-weight:700;
		letter-spacing:0.0588235em;
		text-shadow:none!important;
		text-transform:uppercase;
	}

	body.home .hero-caption.hero-caption-side h3{
		font-size:3em!important;
		text-transform:none!important;
		color:#fff;
		margin-bottom:8px!important;
	}

	body.home .hero-caption.hero-caption-side h5{
		color:#fff;
		margin-bottom:8px!important;
	}

.cards .card .widget-title{
	color:#fff!important;
}

@media(max-width:768px)
{
	body .cards .card .so-widget-sow-editor{
		max-width:75%!important;
	}
	
	body.home .hero-caption.hero-caption-side h3{
		text-align:center!important;
		line-height:normal!important;
	}
	
	body.home .hero-caption.hero-caption-side h5,
	body.home .hero-caption.hero-caption-side p,
	body.home .hero-caption.hero-caption-side{
		text-align:center!important;
	}
	
	section.post-list article.post{
		flex-direction:column;
	}
}
/* End Home */
/*============*/
/* Class Utilities */
.bg-grey{
	background-color:var(--grey);
}

.bg-black{
	background-color:var(--black);
}

.bg-primary{
	background-color:var(--primary);
	color:#fff!important;
}

.bg-secondary{
	background-color:var(--secondary);
}

.bg-accent{
	background-color:var(--accent);
}

.text-center{
	text-align:center!important;
}

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

.text-default{
	color:var(--default)!important;
}

.text-primary{
	color:var(--primary)!important
}

.text-secondary{
	color:var(--secondary)!important;
}

.text-grey,
.text-gray{
	color:var(--grey)!important;
}

.text-black{
	color:var(--black)!important;
}

.d-block{
	display:block!important;
}

.widget-title{
	font-size:22px!important;
	margin-bottom:0!important;
}

.flex-wrap{
	display:flex;
	margin-bottom:5px;
}

.flex-wrap.cols-2 .col{
	flex:2;
	padding:0 1em;
}

.flex-wrap.cols-2 .col:first-child{
	padding-left:0;
}

.flex-wrap .flex-1{
	flex:1;
}
.flex-wrap .flex-2{
	flex:2;
}

.flex-wrap .flex-3{
	flex:3;
}

.flex-wrap .flex-4{
	flex:4;
}

@media(max-width:768px){
	.flex-wrap .flex-1,
	.flex-wrap .flex-2{
		flex:auto;
	}
	
	.flex-wrap{
		flex-direction:column!important;
	}
	
	.flex-wrap .col{
		padding:0!important;
	}
}

.flex-wrap.cols-2 .grow-1{
	flex-grow:1;
}
.flex-wrap.cols-2 .grow-2{
	flex-grow:2;
}
.flex-wrap.cols-2 .grow-3{
	flex-grow:3;
}
.flex-wrap.cols-2 .grow-4{
	flex-grow:4;
}

.o-auto{
	overflow:auto;
}

.position-relative{
	position:relative;
}

.bg-default{
	background-color:var(--default);
}

.m-0{
	margin:0!important;
}

.justify-between{
	justify-content:space-between;
}

.py-2{
	padding-top:.3em;
	padding-bottom:.3em;
}

.highlight{
	color:var(--primary);
	font-style:italic;
}

.italic{
	font-style:italic!important;
}
/* End Class Utilities*/


.cards .card{
	background-color: #fff;
    color: var(--black);
    text-align: left;
    padding: 1em!important;
    border-radius: var(--border-radius);
    position: relative;
	box-shadow:var(--box-shadow);
	transition:all .3s;
}

.cards .card.card-primary {
	background-color:var(--primary);
	color:#fff;
}

.cards .card.card-secondary .widget_sow-icon .sow-icon-fontawesome{
	color:var(--secondary)!important;
	background-color:#fff;
}

.cards .card.card-accent .widget_sow-icon .sow-icon-fontawesome{
	color:var(--accent)!important;
	background-color:#fff;
}


.cards .card.card-primary .widget_sow-icon .sow-icon-fontawesome{
	color:var(--primary)!important;
	background-color:#fff;
}

.cards .card.card-secondary{
	background-color:var(--secondary);
	color:#fff;
}

.cards .card.card-accent{
	background-color:var(--accent);
	color:#fff;
}



.cards .card:hover .widget_sow-icon{
	transform:scale(1.05) translateY(-50%);
}

.cards .card .widget_sow-icon{
	position: absolute;
    top: 50%;
    right: 1em;
    background-color: transparent!important;
    color: var(--primary);
	transform: translateY(-50%);
	transition:all .3s;
	border-radius:var(--border-radius);
}

.cards .card .widget_sow-icon .sow-icon-fontawesome{
	padding: .4em;
    background-color: var(--primary);
    border-radius: var(--border-radius);
	box-shadow:var(--box-shadow-heavy);
}

footer.site-footer div.footer-main .footer-main-inner ul.menu li.menu-item {
  line-height: normal;
  border: none !important;
  display: flex; }

footer.site-footer div.footer-main .footer-main-inner ul.menu li.menu-item:before {
  content: '-';
  display: inline-block;
  margin-right: 3px; }

footer.site-footer div.footer-main .footer-main-inner ul.menu li.menu-item > a {
  border: none !important;
  padding: 0;
  line-height: normal; }

footer.site-footer div.footer-main .footer-main-inner ul.social-list {
  display: inline-block;
  overflow: visible;
  margin-bottom: 10px; }

footer.site-footer div.footer-main .footer-main-inner ul.social-list li {
  display: inline-block;
  float: left;
  padding: 0 8px;
  font-size: 2.2em;
  margin-bottom: 5px; }

footer.site-footer div.footer-main .footer-main-inner ul.social-list li:first-child {
  padding-left: 0; }

footer.site-footer div.footer-main .footer-main-inner .widget-title {
  font-size: 20px;
  font-weight: 900; }

footer.site-footer .asset-manager h3 {
  color: #fff;
  font-size: 20px; }

footer.site-footer .asset-manager h3 .highlight {
  font-family: "Raleway", sans-serif;
  font-style: italic;
  color: #dd8929; }

footer.site-footer .asset-manager h3.widget-title {
  margin-bottom: 10px; }

body div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  background-color: #398f14;
  color: #fff; }

body div.wpcf7-validation-errors,
body div.wpcf7-acceptance-missing {
  background-color: #f7e700 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  margin: 0; }

.card-plan {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 1em;
  border-radius: var(--border-radius);
  background-color:#fff;
}

.card-plan .btn {
  float: right; }

.card-plan p {
  margin: 0;
  overflow: hidden;
color:var(--black);
}

.card-plan h2{
	color:var(--black);
}

.hover-lift {
  transition: all .3s; }

.hover-lift:hover {
  transform: translateY(-2px); }

section.post-list article.post{
	display: flex;
    justify-content: center;
    align-items: center;
}

section.post-list article.post .content{
	padding:1em 2em;
}

section.post-list article.post .content{
	flex-basis:100%;
}

section.post-list article.post.has-img .content{
	flex-basis:75%;
}

section.post-list article.post.has-img .post-image{
	flex-basis:25%;
}

#page-breadcrumb{
	background-color: #eee;
    border-top: 1px solid #ccc;
}

#page-breadcrumb ul.page-breadcrumb-list li span a,
#page-breadcrumb ul.page-breadcrumb-list li span a .breadcrumb_last{
	font-family:var(--fonth);
}

#page-breadcrumb ul.page-breadcrumb-list li span a{
	font-weight:900;
}

#page-breadcrumb ul.page-breadcrumb-list li span a .breadcrumb_last{
	font-weight:700!important;
}

.footer--row-inner.dark-mode a:not(.button){
	color:#fff!important;
}


.footer--row-inner.dark-mode a:not(.button):hover{
	text-decoration:underline!important;
}

.footer--row-inner.dark-mode .social-list a:not(.button):hover{
	text-decoration:none!important;
	color:rgba(255,255,255,0.8)!important;
}

figcaption.blocks-gallery-caption{
	color: var(--black);
    font-weight: 900;
    text-align: center;
    opacity: 0.8;
    font-size: 1.2em;
    font-style: itali
}

.single-post #site-content > .customify-container > .customify-grid{
	padding-top:30px;
	padding-bottom:30px;
}

.system-features h5{
	font-size:1.2em
}

@media(max-width:768px){
	span.design-notice{
		display:block;
		text-align:center;
	}
	
	footer .email-link,
	footer .phone-link{
		font-size:1.2em;
	}
	
	.email.top-link{
		font-size:1.2em;
	}


	body.page-id-17 .float-wrapper{
		flex-direction:column;
	}
	
	body.page-id-17 .float-wrapper>div div{
		margin-bottom:1em;
	}
}