/*
Theme Name: Chaplin Child
Theme URI: https://andersnoren.se/teman/chaplin-wordpress-theme/
Template: chaplin
Author: Anders Norén
Author URI: https://andersnoren.se
Description: Chaplin is a feature-packed and developer friendly WordPress theme that gives you full control over the fonts and colors on your site. It is built from the ground-up with the new Block Editor in mind, and makes it easy to create good looking layouts on both posts and pages. This flexibility makes Chaplin suitable for pretty much any type of website, including business sites and portfolios. All of the fonts and colors in the theme can be easily modified within the Customizer, allowing you to create a unique look and feel for your site in less than a minute. All fonts on Google Fonts are supported, and you can choose one of the ten included color schemes or build one from scratch. Any changes you make to the fonts and colors are reflected in the editor styles for both the Block Editor and the Classic Editor, so you always have a good idea of the end result when you create your content. Chaplin also includes a cover template with a hero image (pictured in the screenshot), infinite scroll on archive pages, settings for what post meta to display on archive pages and single posts, custom logo support, two widget areas, a search overlay, full-width templates, a sticky header option, a social menu with icons, author bio, breadcrumbs, a responsive design, a lightweight construction to ensure quick load times, support for Jetpack Portfolio and CoBlocks, child theme friendly code, and much more. Demo: https://andersnoren.se/themes/chaplin/
Tags: blog,portfolio,grid-layout,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,full-width-template
Version: 2.6.8.1736270949
Updated: 2025-01-07 17:29:09

*/


:root {
	--Primary: #fbb12c;
	--Secondary: #2c5895;
	--PrimaryHover: #E66024;
	--SecondaryHover: #2D5296;
}

body {
	font-size: 14px;
}

a {
	text-decoration: none;
	color: inherit;
}
p {
	margin-bottom: 0;
}
textarea {
	resize: none;
}
.text-right {
	text-align: right;
}
.mt-auto {
	margin-top: auto !important;
}
.inline-block {
	display: inline-block;
}

.section-inner {
	max-width: 1340px;
	padding-left: 15px;
	padding-right: 15px;
}

.primary_btn_box {
	background-color: transparent !important;
    background-image: linear-gradient(90deg, #FBB12C 0%, #FF8800 100%) !important;
	border:2px solid transparent !important;
	border-radius: 50px !important;
	margin-bottom: 0 !important;
	padding: 11px 30px !important;
    font-weight: 700 !important;
	display: inline-block;
}
.primary_btn_box:hover {
	border-color: var(--Primary) !important;
	background-image: none !important;
	color: var(--Primary) !important;
	text-decoration: none !important;
}
.custom_primary_btn {
    display: inline-block;
    margin-top: 20px;
}

.site-logo {
    width: 250px;
}
#site-header {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.footer-inner {
	display: none;
}
#site-footer {
	background-color: var(--Secondary);
	border-top: 3px solid var(--Primary);
	margin-top: 0 !important;
}
#site-footer .section-inner {
	border: none;
	padding: 50px 15px 0 15px;
	color:#fff;
    margin: 0 auto;
    max-width: 1340px;
    width: 100%;
	font-size: 14px;
}
.footer-widgets-wrapper {
	margin:0;
}
#site-footer .footer-widgets {
	width: 100% !important;
	margin:0 !important;
}
#site-footer .widget_text .widget-content {
    max-width: 100%;
}
.footer_wrapper {
	display: flex;
    justify-content: space-between;
}
#site-footer .widget {
	border: none;
	padding-top: 0;
}

.footer_left {
	max-width: 380px;
}
.footer_right {
	display: flex;
	width: 50%;
	justify-content: space-between;
	gap: 20px;
}

/*header start*/
#site-header {
	position: fixed;
	top:0;
	width:100%;
	z-index:9;
}
.breadcrumb_custom_wrap {
	color:#fff;
	text-align: center;
}
@keyframes bounce_effect {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.bouncing_anime {
  animation: bounce_effect 2s ease-in-out infinite;
  -webkit-animation: bounce_effect 2s ease-in-out infinite;
}
.aioseo-breadcrumb-separator {
	color: var(--Primary);
	font-size: 24px;
    line-height: 1;
    vertical-align: sub;
    margin: 0 5px;
}
#site-header {
	margin-bottom:0 !important;
}
#site-header .main-menu-alt a {
	font-family: "Oswald", Sans-serif;
	color:#fff;
	text-transform: uppercase;
    font-size: 16px;
}
#site-header .main-menu-alt a:hover {
	text-decoration:none;
}
#site-header  .main-menu-alt a:hover, 
#site-header  .main-menu-alt li.current-menu-item > a, 
#site-header  .main-menu-alt li.current-menu-item > .link-icon-wrapper > a {
	text-decoration:none;
	color: var(--Primary);
}
#site-header .fill-children-current-color, 
#site-header .fill-children-current-color * {
	fill: #fff;
}
#site-header .main-menu-alt ul {
	color: #ffffff;
	background:#fff;
	box-shadow: 0 5px 15px rgb(0 0 0 / 13%);
}
#site-header .main-menu-alt ul a {
	color:#000;
}
#site-header .main-menu-alt ul li + li {
	margin-top: 0;
}
.header_sticky {
	background:#fff !important;
	box-shadow: 0 5px 12px rgb(0 0 0 / 10%);
}
.header_sticky .main-menu-alt a {
	color:#000 !important;
}
.header_sticky .fill-children-current-color, .header_sticky .fill-children-current-color * {
    fill: #000 !important;
}
.header_sticky .header-inner {
	min-height: auto;
}
/*header end*/

.ftitle {
	font-size: 20px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
.flist {
	margin:0;
	padding:0;
	list-style-type: none;
}
.flist li {
	margin: 0 0 10px 0;
}
.flist li:last-child {
	margin-bottom:0;
}
.flist li a {
	opacity: 0.9;
}
.flist li a:hover {
	opacity: 1;
}
.social_contact h3 {
	font-size: 20px;
	text-transform: uppercase;
    margin: 0 0 20px 0;
}
.social_contact ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}
.social_contact ul li {
	margin: 0 5px 0 0;
	display: inline-block;
}
.social_contact ul li:last-child {
	margin-right: 0;
}
.social_contact ul li a {
	display: inline-flex;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #1d4080;
	align-items: center;
	justify-content: center;
}
.social_contact ul li a:hover {
	background: var(--Primary);
}
.flist_contact {
	margin:0 0 40px 0;
	padding:0;
	list-style-type: none;
}
.flist_contact li {
	margin: 0 0 10px 0;
}
.flist_contact li:last-child {
	margin-bottom:0;
}
.flist_contact li a i {
	margin-right: 5px
}
.footer_copyright {
	width:100%;
	border-top: 1px solid rgba(255,255,255,0.3);
	text-align: center;
	padding: 15px 0;
	margin-top: 40px;
}
.footer_copyright p {
	margin:0;
	font-size: 12px;
}
.foot_logo {
    width: 220px;
    display: inline-block;
    margin-bottom: 10px;
}

.box_blur_grid {
	border: 2px solid #1A6FFF;
	background: rgba(217,217,217,0.2);
	border-radius: 15px !important;
	padding: 30px !important;
}
.box_blur_grid p {
	margin-bottom: 0;
}
.box_blur_grid .elementor-widget-image {
	width: 70px;
	height: 70px;
	background:#fff;
	border-radius: 50%;
}
.box_blur_grid .elementor-widget-image .elementor-widget-container {
	display: flex;
	align-items: center;
	justify-content: center;
}
.form_row {
    display: flex;
    flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom:0 !important;
}
.form_col {
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.form_col p {
	width: 100%;
}
.form_col.w_full {
	width: 100%;
}
.form-control {
	background: #EEEEEE !important;
	border: none !important;
	color:#000 !important;
	border-radius: 8px !important;
}
select.form-control {
	width: 100%;
    padding: 10px;
    height: 50px;
}
.form_row textarea {
	height: 100px !important;
}
.btn-submit {
	background-color: transparent !important;
    background-image: linear-gradient(90deg, #FBB12C 0%, #FF8800 100%) !important;
	border:2px solid transparent !important;
	border-radius: 50px !important;
	margin-bottom: 0 !important;
	padding: 13px 30px !important;
    font-weight: 700 !important;
}
.btn-submit:hover {
	border-color: var(--Primary) !important;
	background-image: none !important;
	color: var(--Primary) !important;
	text-decoration: none !important;
}
.home_contact_form form {
	margin: 0 !important;
}
.form_col_submit {
	width: 100% !important;
	margin-bottom: 0 !important;
}
.form_col_submit .wpcf7-spinner {
	margin:0 !important;
	position: absolute !important;
}
.services_card_bg {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.services_card_item {
    background: #ccc;
    text-align: center;
    border-radius: 15px;
    padding: 20px;
    min-height: 280px;
	display: flex;
    flex-direction: column;
    justify-content: center;
	position:relative;
}
.services_card_item img {
    height: 80px !important;
}
.services_card_item p {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
	margin: 30px 0 0 0;
}
.services_card_item.box1 {
	background: #E6DEEE;
}
.services_card_item.box2 {
	background: #FCD8B7;
}
.services_card_item.box3 {
	background: #D2DCCF;
}
.services_card_item.box4 {
	background: #C8E1F5;
}
.services_card_item.box5 {
	background: #E7F0F6;
}
.services_card_item a::before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*contact page start*/
.contact_image_info .elementor-image-box-title {
	margin-top:0;
	color:#3D4C5E;
	font-weight: 500;
}
.contact_image_info .elementor-image-box-description {
    font-weight: 600 !important;
    color: #000 !important;
}
.contact_image_info .elementor-image-box-img {
    width: 80px !important;
}
/*contact page end*/

/*about page start*/
.about_icon_box .elementor-icon-box-title {
	margin-top:0;
}
.about_icon_box {
	border: 2px solid #B0C8F8;
	padding: 15px;
	border-radius: 10px;
}
.play_video_icon {
	display: inline-block;
	vertical-align: bottom;
}
.service_border_box {
	border: 1px solid var(--Secondary);
	border-radius: 20px !important;
	overflow:hidden !important;
}
.service_border_box .title,
.service_border_box .sub_title,
.service_border_box .desc {
	padding-left: 25px;
	padding-right:25px;
}
.service_border_box .elementor-widget-image {
	margin-top: auto;
}
/*about page end*/

/*service page start*/
.card_blue_shadow {
	border:1px solid #A7BBDD;
	border-radius: 20px !important;
	box-shadow: 5px 5px 0 rgba(2, 40,105,0.3)
}
/*service page end*/

.seo_listing_box {
	background:#fff;
	padding: 20px;
    border-radius: 20px;
	border: 4px solid #2a70e3;
	margin-bottom: 10px !important;
}
.sticky_para_box {
	position: sticky !important;
	top: 160px;
}
.heading-sub-runnig {
    color: #1E1B1B00 !important;
    -webkit-text-stroke-width: 1.1px;
    -webkit-text-stroke-color: white;
}
.imagebox2_style {
    border: 1px solid var(--Primary);
    padding: 15px;
    border-radius: 15px;
	width: 100%;
}
.imagebox2_style .elementor-image-box-wrapper {
	text-align: left !important;
}
.imagebox2_style .elementor-image-box-wrapper .elementor-image-box-title {
	margin-top: 15px;
}
.imagebox2_style .elementor-widget-container {
	position:relative;
}
.imagebox2_style::before {
	content:'';
	width:100%;
	height:0;
	left:0;
	position: absolute;
	bottom:0;
	background-color: var(--Primary);
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
	border-radius: 15px;
}
.imagebox2_style:hover::before {
	height: 100%;
}
.imagebox2_style:hover .elementor-image-box-title, 
.imagebox2_style:hover .elementor-image-box-description {
	color:#fff !important;
}
.imagebox2_style:hover .elementor-image-box-img img {
	filter: brightness(0) invert(1);
}

/*responsive*/
@media (max-width: 575px) {
	.services_card_bg {
		grid-template-columns: repeat(2, 1fr);align-content
	}
}

@media (min-width: 576px) and (max-width:767px) {
	.services_card_bg {
		grid-template-columns: repeat(3, 1fr);align-content
	}
}

@media (max-width:767px) {
	.footer_wrapper {
		flex-direction: column;
	}
	.footer_left {
		max-width:100%;
	}
	.footer_right {
		width: 100%;
		margin-top: 10px;
		flex-direction: column;
	}
	.ftitle {
		margin-bottom: 10px;
	}
	.flist_contact {
		margin-bottom: 20px;
	}
	.flist {
		margin-bottom: 10px;
	}
	/*contact page*/
	.contact_image_info .elementor-image-box-img {
		text-align: center;
		margin-bottom: 5px !important;
	}
	.contact_image_info .elementor-image-box-img img {
		display: inline-block;
	}
	/*contact page*/
}

@media (min-width:992px) and (max-width: 1199px) {
	.footer_right {
		width:60%;
	}
	.footer_left {
		max-width: 270px;
	}
}