/*
	Theme Name:   CWG Insurance
	Theme URI:    https://fluidal.net/
	Description: A mobile-first responsive, vanilla boilerplate WordPress theme ready for customisation. Now with added Bootstrap. Please do not delete either the Fludial parent theme or customised Fludial child theme. You will need both for this site to work correctly.
	Author:       Web Marketing Clinic
	Author URI:   https://webmarketingclinic.co.uk
	Template:     fluidal
	Version:      19.0
*/

.contact-sticky {
    display: block;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
}

.contact-sticky a {
    float: left;
    width: 100%;
    padding: 18px 0;
    font-display: swap;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.down-arrow {
  position: absolute;
  z-index: 1;
  left: calc(50% - 14px);
  width: 0;
  height: 30px;
}

#mask { z-index: 5; }

.scroll-down { font-size: 12px; text-transform: uppercase; color: rgb(255 255 255 / 80%); }
.fa-arrow-down:before { color: rgb(255 255 255 / 80%); font-size: 25px; }

a.jump_to:hover, a.jump_to:hover .fa-arrow-down:before { color: white; }

@keyframes jumpInfinite {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 10px;
  }
  100% {
    margin-top: 0;
  }
}

.down-arrow {
  animation: jumpInfinite 1.5s infinite;
}

#first { scroll-margin-top: 50px; }
#rotate-text { color: #F37333; }

.cd-timeline__block.cd-timeline_text:nth-child(odd) .cd-timeline__img, .cd-timeline__block.cd-timeline_text:nth-child(even) .cd-timeline__img { background-color: #F37333; }
.text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block { color: #404040; margin-bottom: 0px; }
.timeline .text-component h5 { color: #F37333; margin-bottom: 5px; }

#gform_wrapper_1 label { display: none; }
/*.cd-timeline__content { background-color: #f3f3f3; box-shadow: 0 3px 0 #F37333; border-radius: 5px 5px 0px 0px; }
.cd-timeline__block:nth-child(odd) .cd-timeline__content::before { border-left-color: #f3f3f3; }
.cd-timeline__block:nth-child(even) .cd-timeline__content::before { border-right-color: #f3f3f3; }*/

.headerfullwidth { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 4; width: 100%; height: 100px; transition: 0.3s ease-in-out; background-color: transparent; border-bottom: 0px solid #ccc; }
.headerfullwidth .logo-colour { display: none; position: absolute; top: 0px; }
.headerfullwidth .logo-white { position: absolute; top: 0px; width: 200px; }
#fl27701696946776 p { font-size: 16px; padding-top: 20px; }
.headerfullwidth #nav { justify-content: space-around; }
.headerfullwidth #nav a { color: white; padding: 20px 0px 30px; font-size: 13px; font-weight: 700; }
.headerfullwidth.header-active #nav a { color: #F37333; }
#nav ul { background-color: #F37333; padding-left: 0px!important; }
#nav li li:hover { background-color: #080c64; }

#nav ul li { border-bottom: 1px solid #080c64!important; }
#nav ul li:last-of-type { border-bottom: 0px!important; }
#nav li a:hover { color: #f37333; }
#nav li li:hover:first-of-type:after { border-bottom: solid 10px #03606b; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
#nav li li a { line-height: 3.8em!important; }

#nav .sub-menu li:first-of-type:after{
    content:''; 
    position: absolute;
    top: 0;
    left: 30px;
    margin-left: -15px;
	margin-top:-10px;
    width: 0;
    z-index:1;
    height: 0;
    border-bottom: solid 10px #F37333;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear;
}

.header-active { background-color: rgb(255 255 255 /100%); }

ul.fluidal_dropdown { position: relative; z-index: 1; list-style-type: none; margin: 10px 0px; padding-left: 0px!important; }
ul.fluidal_dropdown li { position: relative; margin-bottom: 0%!important; background-color: #214b5f; border-bottom: 1px solid #043851; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.fluidal_dropdown li a { color: white; }
ul.fluidal_dropdown li:hover { padding-bottom: 0px; background-color: #043851; cursor: pointer; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

ul.fluidal_dropdown li.please-select { background-color: #043851; color: white; font-weight: bold; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.fluidal_dropdown li.please-select:hover { color: #dd6e42; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.fluidal_dropdown li.please-select span { display: block; padding: 10px 14px; }
ul.fluidal_dropdown li.please-select:after {
	position: absolute;
	top: 22px;
	right: 15px;
	transform: translate(-50%, -50%);
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}


ul.fluidal_dropdown li.fa-down.please-select:after {   
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
}

ul.fluidal_dropdown li.fa-up.please-select:after {   
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";
}

ul.fluidal_dropdown li ul.sub-menu { display: none; position: absolute; left: 0px; right: 0px; list-style-type: none; margin-left: 0px; padding-left: 0px!important; }
ul.fluidal_dropdown li ul.sub-menu li a { display: block; padding: 8px 14px; }
/*ul.fluidal_dropdown li:hover .sub-menu { display: block; }*/

ul.fluidal_dropdown .sub-menu li:hover a { color: #dd6e42; }
ul.fluidal_dropdown li .sub-menu li:hover { color: #dd6e41; }


a, a:visited {
	color: inherit;
	text-decoration: none; 
	font-weight: 600;
	outline : 0;
}

a:hover, a:focus {
	color: inherit;
}

b, strong {
    font-weight: 700;
}

#nav li.home a, #nav li.current_page_item > a, #nav li.current_menu_item a, #nav li.current_page_parent > a, #nav li.current_menu_parent a { color: #F37333;
	text-decoration: none; 
	font-weight: 700;
	outline : 0;
}

@media (max-width: 575px) {
	.hide-bg-sm.container-fluidal { background-image: none!important; }
}

@media (max-width: 767px) {
	.custom_bg_colour .col-md:last-of-type .d-flex { background-color: rgb(136 145 145 / 90%); color: white; }
	.hide-bg-md.container-fluidal { background-image: none!important; }
}

@media (max-width: 991px) {
	.hide-bg-lg.container-fluidal { background-image: none!important; }
}

@media (max-width: 1199px) {
	.hide-bg-xl.container-fluidal { background-image: none!important; }
}

@media (max-width: 1399px) {
	.hide-bg-xxl.container-fluidal { background-image: none!important; }
}

.header_two_blocks.caption .col-md:first-of-type .d-flex > div { padding: 10px; background: rgb(0 0 0 / 50%); }
.smaller-icons img { background-color: white; margin: 0 auto; padding: 10px; max-width: 83px; }
.smaller-icons .col-lg > .d-flex { background-color: white; padding-top: 30px; box-shadow: 0px 0px 25px #16628c; color: #000; }

.smaller-icons-1 img { background-color: white; margin: 0 auto; padding: 10px; max-width: 83px; }
.smaller-icons-1 .col-lg > .d-flex { background-color: white; padding-top: 30px; box-shadow: 0px 0px 25px #c3c3c3; color: #000; }

.show_posts_shortcode ul.sp_list { padding-left: 0px!important; list-style-type: none; }
.show_posts_shortcode ul.sp_list li { border-top: 1px solid #053851; padding-top: 10px; padding-bottom: 10px; }
.show_posts_shortcode ul.sp_list li:last-of-type { padding-bottom: 0px; }

.simple_grid.smaller-icons .flex-custom-2 { flex-basis: auto; }

.box-shadow { box-shadow: 0px 0px 30px darkgrey; }


.logo img { width: 130px; }

@media (min-width: 480px) {
	.logo img { width: 150px; }
}

.mobile_list { top: 21px; }
.primary_nav ul { border-top: 1px solid #e5e5e5; }
.primary_nav li .sub-menu li:last-of-type { border-bottom: 0px; }
#mobile_header { display: block; top: -6px; right: 0px; }
.discovery_call { margin-right: 70px; }

@media (min-width: 1200px) {
	#mobile_header { display: none; }
	.discovery_call { margin-right: 0px; }
}

.header-active #mobile_header span { background-color: #F37333; }
#mobile_header span { background-color: white; }
.header-active #mobile_header:hover span { background-color: #080c64; }
#mobile_header:hover span { background-color: #56b8c1; }


/*#mobile_header, .mobile_header_menu_text {
    display: block;
}*/

.video_block.window_height, .video_block.window_height .video_container, .video_block.window_height .video_container video { height: 100vh!important; }

.video_block.window_height .video_container video { object-fit: cover; }

.video_block.window_height .video_container .volume { display: none; }

.video_block.window_height .video_overlay_text {
    position: absolute;
    background-color: transparent!important;
    z-index: 3;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.video_block.window_height .video_overlay_text .video_meta {
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 0px;
    background-color: transparent;
}	

.video_block.window_height .video_meta h3 {
	position: absolute;
	opacity: 0;
	width: 100%;
	font-size: 16px;
	color: white;
	letter-spacing: 10px;
	text-transform: uppercase;
	text-align: center;
}

@media (min-width: 576px) {
	.video_block.window_height .video_overlay_text .video_meta { top: 50%; left: 10%; right: 10%; }
	.video_block.window_height .video_meta h3 { 	font-size: calc(1.0rem + 1.5vw); }
	.logo img { width: 150px; }
	#mobile_header { top: -6px!important; }
}

.video_block .mask { margin-bottom: 0px; }

body { 
	font-size: 0.9em; 
	line-height: 1.5em;
	font-family: 'Quicksand', sans-serif; 
	font-weight: 400;
	font-style: normal;	
	color: #404040; 
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Rubik', serif;
	font-style: normal;
	line-height: 1.2em;
	font-weight: 400;
}

h1 {
	font-size: calc(1.5rem + 1.5vw);
	line-height : 1.1em;
}

h2 {
	font-size : 2em;
	line-height : 1.2em;
}

h3 {
	font-size : 1.925rem;
}

h4 {
	font-size : 1.4rem;
	letter-spacing: 0px;
}

h5 {
	font-size : 1.2rem;
	letter-spacing: 0px;
	margin-bottom: 0px;
}

h6 {
	font-size : 1.0rem;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 22px;
}

blockquote { font-size: 1.6em; line-height: 36px; }	

.script { font-family: 'Licorice', cursive; margin-bottom: 0px; }



.image_overlay .overlay { height: 370px; }
.image_overlay .overlay_hover { background-color: #79aec6; background-color: rgb(243 115 51 / 80%); }
.image_overlay .overlay_title h2 { font-size: 18px; }
.team .overlay_hover p { font-size: 20px; }

@media (min-width: 576px) {
	.team.image_overlay .overlay { height: 400px; }
}

@media (min-width: 992px) {
	.team.image_overlay .overlay { height: 300px; }
	.video_block.window_height .video_overlay_text .video_meta { left: 18%; right: 18%; }
}

@media (min-width: 1200px) {
	.team.image_overlay .overlay { height: 400px;}
}


input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
	background-color: rgb(243 115 51 / 10%);
}


#footer { background-color: #080c64; padding-top: 15px; padding-bottom: 0px; color: white; }
#footer hr { border-top: 1px solid #d7d7d7; margin: 0px!important; }
#footer a .fab:first-of-type { padding-left: 0px; }
#footer .footer_logo { width: 300px; }
#subfooter { background-color: #080c64; color: white; }
#subfooter p { margin-bottom: 0px; }
#subfooter a { text-decoration: none; }

.headerfullwidth .button2 {
	background: white;
    color: #080c64;
    text-transform: uppercase;
    padding: 15px 23px;
    border-radius: 0px;
    white-space: nowrap;
}

.headerfullwidth.header-active .button2 {
	background: #080c64;
    color: white;
}

.page-id-28 .headerfullwidth .button2 {
	background: #F37333;
    color: white;
}

.headerfullwidth .button2:hover { background-color: #080c64; color: white; }
.headerfullwidth.header-active .button2:hover { background-color: #080c64; color: white; }


.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"], .button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active, .button:visited,
button:visited,
input[type="submit"]:visited,
input[type="reset"]:visited,
input[type="button"]:visited { background-color: #080c64; border: 2px solid #080c64; border-radius: 0px; color: white; font-weight: 600; }

.button:hover, button:hover, .button.full-width:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-color: #080c64; border: 2px solid #080c64; color: white; }
.button.white { background-color: transparent; border: 2px solid white!important }
.button.white:hover { background-color: rgb( 255 255 255 / 20%); }
#nav li li:hover:first-of-type:after { border-bottom: solid 10px #080c64 !important}
@media (min-width: 992px){
#nav ul ul {
    left: calc(100% + 17px);
    top: 0;
}
	#nav .sub-menu .sub-menu li:first-of-type:after {
    left: 0;
    transform:translateY(50%) rotate(-90deg);
    top: 50%;
}
}
@media(min-width:768px){
.main-logo {
    display: none !important;
}
	.alt-logo {
    width: 300px !important;
}
	.col-6.col-md-3.col-lg-2.d-flex.logo {
    min-width: 300px;
}
}
@media(max-width:767px){
	.alt-logo{
		display:none !important
	}
}