/********************************************
*	Table of Contents
*	1. Reset Browser Styles: Overrides the default browser styles to start with a clean slate
*	2. Grid Styles: 12 column grid system, please make sure selectivizr v1.0.2 is added to the scripts for ie8 compatibility
*	3. Main Styles: Main text and body styles
*	4. Layout Styles: Custom global branding styles for the header, navigation, content and footer
*	5. Form Styles: Styling forms and associated elements
*	6. Page Specific Styles: Styles that are specific to a certain page or group of pages
********************************************/

/******************************************** 
1. Reset Browser 
********************************************/
.mobile-landscape-only  {
	display: none !important;
}
.mobile-portrait-only {
	display: block !important;
}

/******************************************** 
2. Grid Styles
********************************************/



/******************************************** 
3. Main Styles
********************************************/

p {
	font-size: 13px;
}
#column-content ul li {
	font-size: 13px;
}

/******************************************** 
4. Layout Styles
********************************************/
/* 4.1: Containers */


/* 4.2: Header */

.col.head-deadline.grid-3 {
	width: 100%;
	clear: both;
	float: none;
}
.col.head-social.grid-2 {
	width: 100%;
	clear: both;
	float: none;
}

/* 4.4: Navigation */



/* 4.5: Page Content */

.overlay-text {
	position: relative;
	background-color: #3b6c85;
}
.overlay-text h1 {
	font-weight: bold;
	font-size: 15px;
}

.cta-box-1 h2, .cta-box-2 h2, .cta-box-3 h2 {
	font-size: 15px;
}

    .slider {
      width: 160px; height: auto;
      overflow: hidden;
      position: relative; /* for overflow: hidden to work in IE7 */
	  margin-left: auto;
      margin-right: auto;
	  padding: 0;
    }
        .slider > ul > li {
          float: left;
		  margin: 0;
	      padding: 0;
          width: 160px; height: auto;
        }
.reviews p {
	font-size: 13px;
}
.reviews h4 {
	font-size: 15px;
}
.reviews h3 {
	font-size: 16px;
	font-weight: bold;
}




/******************************************** 
5. Form Styles
********************************************/




/******************************************** 
6. Page Specific Styles
********************************************/

#directory-categories ul {
	width: 100%;
	clear: both;
}

#offers-box ul li a {
	background-image: none;
	padding-left: 20px !important;
}


.areas-covered > .default {
	flex: 0 0 calc(100%);
	max-width: calc(100%);
}
.competition-listings {
	display: flex;
	gap: 48px;
	flex-wrap: wrap;
}
#banner h1 {
	font-size: 2.2em;
}
.head-social {
	display: none;
}