/*
Theme Name: SafeByte 
Author: SafeByte
*/
body.page-template-front .site-main-header {  
	width:100%; 
	z-index:999;
	border-bottom:none !important;
}
.site-main-header{  
	position:relative;
	border-bottom:1px solid #eee !important;
}
.clear{ clear:both; }

.RT-Logo{ position:relative; }
.QuotColumn{ position:relative;}

.header-left-box{ position:relative; background-color:#febc34 !important}
.header-left-box::before{ background-color:#febc34; content: ""; display: block; height: 100%; position: absolute; left: -999990px; top: 0; width: 999999px;}
.header-left-box::after { content:''; position: absolute; right: -49px; top: 0; width:0; height: 0; border-top: 50px solid #febc34; border-right: 50px solid transparent;}

.site-header-menu{ padding:8px 0 !important;}
/*dropdown menu background color*/
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ background-color:#00245c;}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container li{ padding:5px 0; border-bottom:1px solid #5f7fb2 !important;}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu{ padding-top:30px !important}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu li ul{ padding-top:0 !important; left:100% !important; right:auto !important;}


/* = What We Offer Section 1 CSS
----------------------------------------------- */
.offer_4_boxes{ position:relative; text-align:center; border:2px solid #f0f0f0; }
.offer_4_boxes:hover{ border:2px solid #ff5e15; }
.offer_4_boxes::before {content: ''; width: 0; height:0; border-top: 50px solid #f0f0f0 !important; border-right: 50px solid transparent !important; position:absolute; top:0px; left:0px;}
.offer_4_boxes::after {content: ''; width: 0; height: 0; border-bottom: 50px solid #f0f0f0 !important; border-left: 50px solid transparent !important; position:absolute; bottom:0px; right: 0px;}
.offer_4_boxes:hover:before{ border-top-color:#ff5e15  !important}
.offer_4_boxes:hover:after{ border-bottom-color:#ff5e15  !important}

.db_recent_work_box{ position:relative;}
.db_recent_work_box .db_cover_title .wp-block-cover__inner-container{ position:absolute; bottom:50px;}

.db_recent_work_box .db_cover_title::after {content: ''; width: 100%; position: absolute; bottom: 0; box-shadow: 0px 50px 220px 220px rgba(0, 35, 89, 1) !important;}
.db_cover_title a{ color:#fff !important;}

/* = Welcome Section 2 CSS
----------------------------------------------- */
.list_bx .wp-block-image{ margin-top:-5px !important}
.sec_3_column_01 .wp-block-image{ width:100% !important; height:100% !important}
.sec_3_column_01 .wp-block-image img{ width:100% !important; height:100% !important}
.sec_3_column_02 .db_plus_button a.wp-block-button__link{ background:transparent !important;}
.sec_3_column_02 .db_plus_button a.wp-block-button__link:hover{ background:transparent !important; border-color:#b1b9ce !important; color:#b1b9ce !important}


/* = Sidebar CSS
----------------------------------------------- */
.st-widgetBX ul.wp-block-latest-posts li{ margin-bottom:20px; min-height:80px;}
.st-widgetBX ul.wp-block-latest-posts li a.wp-block-latest-posts__post-title{ margin-bottom:5px !important; display:block; line-height:20px;}


/* = Blog page Design CSS
----------------------------------------------- */
ul.blog-list-style{ 
	margin:0; 
	padding:0; 
}
ul.blog-list-style li{ 
	margin-bottom:25px; 
	padding:30px;
	border-radius:10px; 
	display:flow-root; 
	background-color:#f4f4f4;
	border:1px solid #eeeeee;
	
}
ul.blog-list-style li .blog-thumbx{ 
	width:40%; 
	float:left;
	margin:0 35px 20px 0;
}

ul.blog-list-style li .blog-thumbx.wp-block-post-featured-image a,
ul.blog-list-style li .blog-thumbx.wp-block-post-featured-image img{ height:auto;}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
margin:30px 0 0;padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}	
.wpcf7 textarea{
	color:#797979;
	margin-bottom:25px;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	background-color:#60c19f;
	padding:20px 40px;
	color:#ffffff;
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}

/* = Footer CSS
----------------------------------------------- */
.site-footer{ 
	position:relative;
}
.site-footer h3.wp-block-heading{ 
	position:relative; 
}

ul.fs-footer-post{ 
	margin:0; 
	padding:0;
}
ul.fs-footer-post li{ 
	list-style:none; 
	margin-bottom:30px;
}
ul.fs-footer-post li .wp-block-latest-posts__featured-image{ 
	margin-top:6px;
}
ul.fs-footer-post li .wp-block-latest-posts__featured-image img{ 
	border-radius:10px;
}
ul.fs-footer-post li .wp-block-latest-posts__post-title{ 
	margin-bottom:15px; 
	display:block; 
	line-height:22px;
}
ul.fs-footer-post li .wp-block-latest-posts__post-title:hover{ 
	color:#8cc73e;
}
footer.wp-block-template-part{ 
	margin-block-start:0 !important
}

.Footer-QuickLinks{ 
	list-style:none !important; 
	padding:0 !important;
}
.Footer-QuickLinks li{ 
	list-style:none !important; 
	padding:5px 0 5px 0 !important;
}
.Footer-QuickLinks li a:hover{ 
	text-decoration:none; 
}
.footer-latest-news li{ margin-bottom:10px;}