/*
 Theme Name:     Divi Child
 Author:         Innivo
 Author URI:     https://innivo.com
 Template:       Divi
 Version:        1.0.2
*/

/* /////////////////////////////////////
GLOBAL STYLES
///////////////////////////////////// */

/* Adjust default table alignment */
td {
	vertical-align: top;
}


/* Zoom images on hover */

.et-zoom-in.et_pb_image:hover img,
.et-zoom-in .et_pb_image_wrap:hover img,
.et-zoom-in a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
    transition: transform 0.5s 0s ease;
	-moz-transition: transform 0.5s 0s ease;
	-ms-transition: transform 0.5s 0s ease;
	-o-transition: transform 0.5s 0s ease;
	-webkit-transition: transform 0.5s 0s ease;
}
/* Extended transform for projects to compensate for transform applied to crop square image */
.et-zoom-in .project .et_portfolio_image:hover img {
	-webkit-transform: scale(1.1) translate(0, -45%);
}

.et-zoom-in,
.et-zoom-in a,
.et-zoom-in .et_pb_image_wrap,
.et-zoom-in .et_portfolio_image,
.et-zoom-in .et_pb_gallery_image {
    overflow: hidden !important;
}

.et-zoom-in.et_pb_image img,
.et-zoom-in .et_pb_image_wrap img,
.et-zoom-in a img {
    transition: transform 0.5s 0s ease;
	-moz-transition: transform 0.5s 0s ease;
	-ms-transition: transform 0.5s 0s ease;
	-o-transition: transform 0.5s 0s ease;
	-webkit-transition: transform 0.5s 0s ease;
}


/* Change stacking order of row contents on mobile */
@media all and (max-width: 767px) {
	.stack-order {
		display: grid !important;		
	}
	.mobile-first {
		order: 1;
	}
	.mobile-second {
		order: 2;
	}
}

/* Change stacking order of row contents on mobile */
/* ////////////////////////////////////// */
/* NOT USED – REF ONLY */
/* ////////////////////////////////////// */
@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
		  display:-webkit-box;
		  display:-moz-box;
		  display:-ms-flexbox;
		  display:-webkit-flex;
		  display:flex;
		-webkit-flex-wrap:wrap;
	/* Safari 6.1+ */
		flex-wrap:wrap;
	}
	
	 /*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order:1;
		order:1;
	}
	
	 .second-on-mobile {
		-webkit-order:2;
		order:2;
	}
	
	 .third-on-mobile {
		-webkit-order:3;
		order:3;
	}
	
	 .fourth-on-mobile {
		-webkit-order:4;
		order:4;
	}
	
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom:30px;
	}
}


/* BUTTONS */

/* All CTA block buttons */
.et_pb_button {
	font-size: 12px !important;
	letter-spacing: 1px !important;
}

/* Primary – Dark text on white BG */
.primary .et_pb_button {
	background-color: #fff;
	color: #3D6464 !important;
	padding: 15px 40px !important;
	border: solid 1px #fff !important;
}
.primary .et_pb_button:hover {
	padding: 15px 40px !important;
	background-color: rgba(255,255,255,0);
	color: #fff !important;
}

/* Secondary – White text on dark green BG */
.secondary .et_pb_button {
	background-color: #243C3C;
	color: #fff !important;
	padding: 15px 40px !important;
	border: solid 1px #3D6464 !important;
}
.secondary .et_pb_button:hover {
	padding: 15px 40px !important;
	background-color: rgba(61,100,100,0);
	color: #243C3C !important;
}

/* Ghost – White outline on transparent BG */
.ghost .et_pb_button, body.et-db #et-boc .et-l .ghost .et_pb_button {
	background-color: rgba(255,255,255,0) !important;
	color: #fff !important;
	padding: 15px 40px !important;
	border: solid 1px #fff !important;
}
.ghost .et_pb_button:hover, body.et-db #et-boc .et-l .ghost .et_pb_button:hover {
	padding: 15px 40px !important;
	background-color: rgba(255,255,255,1) !important;
	border: solid 1px #fff !important;
	color: #243C3C !important;
}

/* Latest Blog post 'Read More' a link styles to match buttons – Used on Home and Blog */
/* Primary */
.latest-post-link-secondary a.more-link {
	color: #fff;
	background-color: #243C3C;
	border: solid #3D6464 1px;
	text-transform: uppercase !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	display: table;
	padding: 10px 40px;
	margin-top: 40px;
}
.et_pb_blog_1.latest-post-link-secondary .et_pb_post div.post-content a.more-link:hover {
	color: #243C3C !important;
	background-color: rgba(61,100,100,0);
}
/* Ghost */
.latest-post-link-ghost a.more-link {
	color: #3D6464;
	background-color: #fff;
	border: solid #fff 1px;
	text-transform: uppercase !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	display: table;
	padding: 10px 40px;
	margin-top: 40px;
}
.et_pb_blog_0.latest-post-link-ghost .et_pb_post div.post-content a.more-link:hover {
	color: #fff !important;
	background-color: rgba(255,255,255,0);
	border: solid #fff 1px;
}

/* /////////////////////////////////////
IMAGE CAPTIONS
///////////////////////////////////// */

.wp-caption {
    border: none;
    text-align: left;
    background-color: transparent;
    padding-top: 0;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 0;
}
.wp-caption p.wp-caption-text {
	padding: 0;
}

/* /////////////////////////////////////
TOP MENU
///////////////////////////////////// */
#main-header .container.clearfix.et_menu_container {
    width: 90%;
}
#main-header {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

/* NAV ITEMS */
/* Top level nav item hover */
#top-menu a {
    transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	-webkit-transition: none !important;
}
#top-menu-nav > ul > li > a:hover, #top-menu li li a:hover {
	opacity: 1;
	color: #3BA980;
}
/* Second level nav */
.nav li ul {
	border-top: none;
	top: 30px;
/* 	left: -20px; */
    padding: 10px 0;
}
#top-menu li li {
	padding: 0;
}
#top-menu li li a {
	background: none;
}


/* LOGO */


/* /////////////////////////////////////
FOOTER
///////////////////////////////////// */
#footer-info p {
	font-size: 14px;
}


/* /////////////////////////////////////
RESPONSIVE BREAKPOINTS
///////////////////////////////////// */


/* BLURB MODULES */
/* Restrict width of body text in blurbs */
.restrict-blurb-width .et_pb_blurb_container {
	padding-right: 50px;
}

/* TEXT MODULES */
/* Style ul and li for text areas */
.et_pb_text_inner ul {
	margin-top: 10px;
}
.et_pb_text_inner ul li {
	margin-bottom: 10px;
}

/* POST CONTENT */
.et-l--body ul li {
	margin-bottom: 10px;
}


/* HOME */
/* Hero image rough edge on bottom */
.home .hero-section:after {
	content: url(/wp-content/themes/divi-theme/img/home-hero-edge.svg);
	height: 28px;
	position: absolute;
	bottom: -1px;
	width: 100%;
	overflow: hidden;
}

/* Logo slider on home page */
.slick-slide img {
	max-height: 160px;
}
.slick-dots li button:before {
	font-size: 16px !important;
}
.slick-dots li.slick-active button:before {
	opacity: 0.25 !important;
}

.home .key-services h1 {
    margin-top: -65px;
    margin-left: 5%;
    position: relative;
    color: #fff;
}
.home .key-services .et_pb_main_blurb_image:after {
    display: block;
    position: relative;
    margin-top: -150px;
    height: 150px;
    width: 100%;
    content: '';
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
/* Twitter timeline */
/* Fix overflow width bug on iOS for older iPad etc */
.twitter-timeline {
    width: 100vw !important;
}
/* ABOUT */
@media all and (max-width: 768px) {
	#about-page .et_pb_blurb {
		margin-bottom: 30px;
	}
}

/* PROJECTS */
/* Styles for meta titles on projects */
.project-meta {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

/* Make images andscape to override square image setting for Team page set in Functions file */
.project .et_portfolio_image {
	height: 300px;
}

@media all and (min-width: 550px) {
	.project .et_portfolio_image {
		height: 200px;
	}
}
@media all and (min-width: 1160px) {
	.project .et_portfolio_image {
		height: 287px;
	}
}
.project .et_portfolio_image img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	object-fit: cover;
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: inherit;
}

/* Make project archive images full width on mobile */
@media all and (max-width: 767px) {
	.project .et_portfolio_image img {
	    width: -moz-available;          /* WebKit-based browsers will ignore this. */
	    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	    width: stretch;
	}
}


/* PROJECT SINGLE */



/* CLIENTS */
/* Disable lightbox functionality on gallery module */
.disable-lightbox a {
   pointer-events: none;
   cursor: default;
}
/* Add quote marque above testimonial */
.testimonial:before {
	content: url(/wp-content/themes/divi-theme/img/quote-marque.svg);
	display: block;
	text-align: left;	
}
@media all and (min-width: 768px) {
	.testimonial:before {
		text-align: center;
	}	
}
/*
.disable-lightbox .et_overlay {
	display: none !important;
}
*/

/* CAREERS */
/* Add close toggle to Accordian module */
.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}

/* BLOG - ARCHIVE */
/* Disable default sidebar side border */
@media all and (min-width: 981px) {
	.et_pb_widget_area_left {
		border: none;
		padding: 0 0 0 60px !important;
	}
}
/* Add gutter and spacing below image on image grid */
.et_pb_image_container {
	padding: 5px 5px 0 5px;
}
.et_pb_post .entry-featured-image-url, .et_pb_image_container {
	margin-bottom: 10px;
}

/* Change order of post title and meta */
/*
.et_pb_blog_grid .et_pb_post {
    display: flex;
    flex-direction: column;
}
.et_pb_blog_grid .et_pb_post .post-meta {
    order: 1;
}
.et_pb_blog_grid .et_pb_post .entry-title {
    order: 2;
}
*/

/* BLOG - SINGLE */
.order-post-meta a{
	display: list-item;
	list-style: none;
}

/* Hide featured image from hero area BG to avoid it overlapping text content */
/*
@media all and (max-width: 1400px) {
	div.et_pb_section.et_pb_section_0_tb_body {
		background-image: initial!important;
	}
}
*/

/* TEAM and PROJECT ARCHIVES */
.post-type-archive-team .et_pb_grid_item, .project.et_pb_grid_item {
	 padding: 5px;
	 margin-bottom: 30px !important;
}
.et_pb_dpblog_portfolio .et_pb_module_inner {
	display: flex;
	flex-wrap: wrap;
}

/* Force grid to 3 columns on med-large screen */
@media all and (min-width: 769px) {
	.et_pb_grid_item.type-team {
		width: 33.333% !important;
	}
	.et_pb_grid_item.type-team.et_pb_portfolio_item:nth-child(4n+1) {
		clear: none !important;
	}
}
/* Force grid to 2 columns on small-med screen */
@media all and (min-width: 550px) and (max-width: 768px) {
	.et_pb_grid_item.type-team, /* .project.et_pb_column */ .project.et_pb_grid_item.et_pb_portfolio_item, .projects .et_pb_column  {
		width: 50% !important;
	}
}
/* Make 2 columns behave on tablet on project archives */
@media all and (max-width: 767px) {
	.et_pb_column .et_pb_grid_item:nth-child(2n+1), .et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n+1) {
		clear: both !important;
	}
}
@media (min-width: 981px) {
.et-db #et-boc .et-l .et_pb_grid_item {
    float: left;
    position: relative;
}
}


/* TEAM SINGLE */
.single-team #main-content {
    overflow: hidden;
}
.single-team #main-content .et_builder_inner_content {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.single-team #left-area {
	padding-bottom: 0;
}
.single-team article {
	margin-bottom: 0 !important;
}
@media all and (min-width: 1160px) {
	.single-team .et_pb_row_1.et_pb_row {
		padding-left: 0;
	}
}
@media only screen and (min-width: 981px) {
.single-team .et_pb_gallery {
    max-width: 600px !important;
}
}
/* Add telephone icon */
.icon-phone:before {
	content: url(/wp-content/themes/divi-theme/img/icon-phone.svg);
	position: relative;
	top: 3px;
	margin-right: 10px;
}
/* Add mobile icon */
.icon-mobile:before {
	content: url(/wp-content/themes/divi-theme/img/icon-mobile-2.svg);
	position: relative;
	top: 3px;
	margin-right: 10px;
}
/* Add email icon */
.icon-email, .icon-email:hover {
	float: left;
	background-image: url(/wp-content/themes/divi-theme/img/icon-email.svg) !important;
	background-size: 25px !important;
}
/* Add LinkedIn icon */
.icon-linkedin, .icon-linkedin:hover {
	background-image: url(/wp-content/themes/divi-theme/img/icon-linkedin.svg) !important;
	background-size: 20px !important;
}
.circleicon {
    background-color: #998959;
    position: relative;
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
    height: 60px;
    margin-right: 15px!important;
    width: 60px;
    transition: background-color 300ms ease 0ms,background-image 300ms ease 0ms;
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
}
.circleicon:hover {
    background-color: #43574d;
}
.contact-wrapper {
    display: inline-block;
    margin-right: 10px;
}
/* Image gallery lightbox */
.mfp-bg {
	background: #3D6464 !important;
}
.mfp-wrap figcaption {
	display: none !important;
}

/* Make Newsletter row fullwidth */
.single-team .newsletter-fullwidth:before {
	content: "";
    background-color: #243c3c;
    position: absolute;
    height: 100%;
    width: 4000px;
    top: 0;
    left: -2000px;
    z-index: 1;
}

/* CONTACT */
/* Align form submit button */
.et_contact_bottom_container {
	float:left;
	text-align:left;
	margin-top: 5px;
	padding-left: 3%;
}
.et_pb_contact_form_0.et_pb_contact_form_container.et_pb_contact_form_container .et_contact_bottom_container .et_pb_contact_submit.et_pb_button {
	margin-left: 0;
}


/*** Divi native large breakpoint – 980px ***/
@media all and (max-width: 980px) {
	/* 	Make 2 column and 3 column stay on tablet instead of stacking */	
	.flex-columns .et_pb_row{
		display: flex;
	}
	.restrict-blurb-width .et_pb_blurb_container {
		padding-right: 20px;
	}

	/* 	Make 4 column go to 2 column on tablet */	
	.flex-columns.twobytwo .et_pb_row {
		display: flex !important;
		flex-wrap: wrap !important;
	}
	.flex-columns.twobytwo .et_pb_row .et_pb_column {
		width: 50% !important;
	} 
}

/*** iPad landscape and more resizers ***/
@media all and (max-width: 767px) {
	/* 	Make 2 column and 3 column stack on mobile */	
	.flex-columns .et_pb_row {
	  display: block; }
	.restrict-blurb-width .et_pb_blurb_container {
		padding-right: 0;
	}
	  
	.flex-columns.twobytwo .et_pb_row {
	  flex-wrap: wrap; } 
	.flex-columns.twobytwo .et_pb_row .et_pb_column {
	  width: 50%; }
}

/*** Any desktop larger than a laptop - this query goes HIGHER than 1400 ***/
@media all and (min-width: 1401px) {
}

/*** Regular laptops - this query goes BELOW 1400 ***/
@media all and (max-width: 1400px) {
}

/*** For the people who love to resize or keep windows open haphazardly ***/
@media all and (min-width: 1025px) and (max-width: 1399px) {
}

/*** All the mobile devices ***/
@media all and (max-width: 1024px) {
}

/*** iPad landscape and more resizers ***/
@media all and (min-width: 769px) and (max-width: 1024px) {
}

/*** iPad portrait and below ***/
@media all and (max-width: 550px) {
}

/*** iPad portrait and more resizers ***/
@media all and (min-width: 551px) and (max-width: 768px) {
}

/*** Phablets and all phones ***/
@media all and (max-width: 550px) {
}

/*** Regular sized phones for non-Shaq sized people ***/
@media all and (max-width: 479px) {
}




/* /////////////////////////////////////
TOP MENU
///////////////////////////////////// */

 /**** Nesting Menu ****/
 
     .et_fixed_nav #main-header {
	    position: fixed;
    }

    /* when mobile menu is open, change hamburger icon to x icon */

    #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
        content: '\4d';
    }
    /* makes sub sub menu icon be right arrow instead of down arrow */

    #top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,
    #et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
        content: '5';
    }
    /* - mobile menu toggling elements, injected via jQuery - */
    /* make menu list item be relative, to be able to position toggle within this item */

    #main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
        position: relative;
    }
    /* the new toggle element, which is added via jQuery */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
        position: absolute;
        z-index: 1;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 50%;
        top: 5px;
        right: 30px;
        cursor: pointer;
        text-align: center;
    }
    /* the new toggle element when popped */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
        background-color: rgba(255,255,255, 0.2);
    }
    /* toggle icon */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
        font-family: "ETmodules" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 36px;
        font-size: 24px;
        text-transform: none;
        speak: none;
        content: '\33';
        color: #da1755;
    }
    /* toggle icon when triggered */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
        content: '\32';
    }
    /* hide sub menus by default */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
        display: none !important;
        padding-left: 0;
    }
    /* show sub menu when triggered via jQuery toggle, and add slight bg color */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
        display: block !important;
    }
    /* remove sub menu list item left padding, since padding will be on anchors */

    #main-header #mobile_menu.et_mobile_menu li li {
        padding-left: 0;
    }
    /* adjust mobile menu anchors side paddings */

    #main-header #mobile_menu.et_mobile_menu li a {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* indent sub sub menus further */

    #main-header #mobile_menu.et_mobile_menu li li li a {
        padding-left: 60px;
        padding-right: 20px;
    }

    #main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
        background-color: transparent;
        font-weight: inherit;
    }
    /* make the current page's mobile menu link be different */

    #main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
        font-weight: bolder;
    }

    /****** Code Style: Menu Slide-In ******/

    /* Font Awesome */
    .fa {
        margin-right: 15px ;
      }

    @media only screen and (max-width: 980px){
    #mobile_menu {
        display: block !important;
        min-height: 100vh;
        height: 100%;
        top: 0;
        right: 0;
        position: fixed;
        z-index: 9998;
        overflow: scroll;
        border-top: none;
        padding-top: 60px !important;
    }

    .et_mobile_menu li a {
        color: #fff !important;
        width: 100%;
        float: left;
        text-align: left;
        margin: 5px;
        transition: .2s;
		text-decoration: none;
		font-size: 22px;
    }
    .mobile_nav ul#mobile_menu .current_page_item > a {
        color: #fff !important;
    }

    .mobile_nav.closed #mobile_menu {
        background: rgba(37, 62, 62, 0.9) !important;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

    .mobile_nav.opened #mobile_menu {
        background: rgba(37, 62, 62,0.98) !important;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

	#logo {
	    max-height: 40%;
	}

    .mobile_menu_bar:before {
        color: #1b1d1e !important;
    }
    .mobile_nav.opened .mobile_menu_bar:before {
        content: '\4d';
        color: #fff !important;
        z-index: 9999;
    }
    }

    @media only screen and  (max-width: 980px) {
      .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {    
        z-index: 9999;
      }
      #et-top-navigation {    
        padding-right: 5px;
      }
    }

    @media only screen and (min-width: 481px)  {
      #mobile_menu {    
        width: 340px;    
        margin-left: calc(100% - 340px);
      }
    }
    @media only screen and (max-width: 480px)  {
      #mobile_menu {    
        width: 290px;    
        margin-left: calc(100% - 290px);
      }
/*
	.et_header_style_left #logo {
		max-width: 50%;
	}
*/

    }


/* /////////////////////////////////////    
Cookie consent plugin
///////////////////////////////////// */

#catapult-cookie-bar {
	font-size: 18px;
}

#catapult-cookie-bar a {
	text-decoration: underline;
}

#catapult-cookie-bar a:hover {
	color: #BFBF8F !important;
}

.ctcc-inner {
	text-align: center;
	padding: 20px 0;
}

.ctcc-left-side {
	margin-right: 20px;
	margin-left: 20px;
}

@media only screen and (max-width: 481px)  {
	.ctcc-left-side {
		display: inline-block;
		margin-bottom: 20px;
	}
}

button#catapultCookie {
	padding: 15px 40px !important;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	background-color:rgba(255, 255, 255, 0) !important;
	border: 0;
	border: 1px solid #fff;
}

button#catapultCookie:hover {
	color: #243C3C;
	background-color:rgba(255, 255, 255, 1) !important;
	cursor: pointer;
	border-color: #fff;
	transition: all 300ms ease 0ms;
}