/*
 Theme Name:   RTM Northeast
 Theme URI:    https://generatepress.com
 Description:  Child theme for RTM Northeast
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     generatepress
 Version:      0.1
*/

/* RTM Colours
 * Logo Blue: #296096
 */

/* All Devices */

/* Typography*/

h1, h2, h3, h4 {
	color:#296096;
}

h1.und, h2.und, h3.und {
	border-bottom:1px solid #e1e1e1;
}

#rtm_home_hero h1 span {
	display:block;
}

.rtm_grid_item_title h2 {
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	min-height:40px;
}

.rtm_blurbs h2 {
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
}

#rtm_home_hero {
	text-align:right;
}

.rtm_standout {
	font-size:22px;
	font-weight:700;
}

.rtm_grid_item_title, .rtm_grid_item_content, .rtm_grid_item_button {
	text-align:center;
}

.rtm_col_bg {
	color:#fff!important;
}

.rtm_cta_title {
	font-size:3em;
	line-height:1em;
	margin-bottom:20px;
}

a.rtm_button {
	display:inline-block;
	padding:8px 40px;
	font-weight:700;
	text-transform:uppercase;
	font-size:14px;
	border-radius:30px;
	transition:0.3s all;
	background-color:#296096;
	color:#fff;
}

a.rtm_button.small {
	padding:4px 30px;
	font-size:12px;
}

a.rtm_button:hover {
	background-color:#1d4369;
}

.rtm_contact_email {
	font-size:18px;
	font-weight:700;
}

.rtm_grid_item_content {
	font-size:15px;
}

.support_item_title {
	font-size:14px;
	font-weight:700;
	color:#296096;
	text-transform:uppercase;
}

ul {
	margin-left:1em;
}

.rtm_blurbs {
	font-size:14px;
	text-align:center;
}

/* Navigation  */

.inside-header {
	padding:10px 40px;
}

.main-navigation .main-nav ul li a {
	text-transform:uppercase;
	font-weight:700;
	font-size:14px;
}

.mobile-menu-control-wrapper .menu-toggle {
	background-color:transparent;
}

#generate-slideout-menu div.main-nav {
	order:3;
}

/* Headers & Banners */

.rtm_header_banner {
	min-height:60vh;
}

/* 404 */

/* Forms */

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
	width:100%;
	font-size:14px;
	padding:5px 10px;
}

.wpcf7-form p {
	margin-bottom:12px;
}

/* Footer */

#footer-widgets.footer-widgets p, #footer-widgets.footer-widgets a, #footer-widgets.footer-widgets ul li {
	font-size:14px;
	color:#fff;
	text-align:center;
}

#footer-widgets.footer-widgets a:hover {
	text-decoration:underline;
}

/* General Content */

.rtm_threeway_grid {
	display:flex;
	flex-wrap:wrap;
}

.rtm_threeway_grid .rtm_grid_item {
	flex-basis:32%;
	margin-right:2%;
	padding:30px;
	background-color:#fff;
	margin-bottom:30px;
}

.rtm_threeway_grid .rtm_grid_item:nth-of-type(3) {
	margin-right:0;
}

.rtm_shiftup {
	margin-top:-100px;
}

.rtm_shiftup.f7 {
	background-color:#f7f7f7;
}

.rtm_shiftup.fff, .rtm_shiftup {
	background-color:#fff;
}

.rtm_grid_item_image {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	padding-bottom:62.5%;
	margin-bottom:20px;
}

#block_management.rtm_grid_item_image {
	background-image:url(/wp-content/uploads/2021/10/rtm_block_1_400.jpg);
}

#cladding.rtm_grid_item_image {
	background-image:url(/wp-content/uploads/2021/10/cladding_1024.jpg);
}

#right_to_manage.rtm_grid_item_image {
	background-image:url(/wp-content/uploads/2021/10/right_to_manage_2_1024.jpg);
}

.rtm_grid_item_content {
	margin-bottom:20px;
}

#block_mgmt_support {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

#block_mgmt_support .support_item {
	flex-basis:30%;
	margin-right:5%;
	margin-bottom:30px;
	text-align:center;
	padding:20px;
	background-color:#fff;
}

#block_mgmt_support .support_item:nth-of-type(3n),  #block_mgmt_support .support_item:last-of-type {
	margin-right:0;
}

.support_item_icon img {
	height:40px;
}

.rtm_boxed_text {
	padding:20px;
	background-color:#296096;
	color:#fff;
}

#cladding_blurbs .wp-block-column {
	padding:20px;
	background-color:#fff;
}

#cladding_blurbs .wp-block-group__inner-container {
	padding:40px 0;
}

/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
		.rtm_footer_cta .wp-block-column:first-of-type {
			border-right:2px solid #e1e1e1;
			text-align:right;
			padding-right:30px;
		}
		
		.rtm_mob_header {display:none!important}
		
}

/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
	.rtm_header_banner {
		min-height:30vh;
}
		
		.rtm_mob_header {
			min-height:30vh;
		}
		
		.no_bg_mob {
			background-image:none!important;
		}
		
		#rtm_home_hero {
			text-align:center;
		}
		
/*		#rtm_home_hero h1 {
			font-size:26px;
		}*/
		
		.rtm_fw_mob {
			flex-wrap:wrap;
		}
		
		.rtm_fw_mob .wp-block-column {
			flex-basis:100%!important;
			margin-left:0!important;			
		}
		
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
}

/* Internet Explorer CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	
	.rtm_grid_item {
		flex-basis:26%!important;
	}
}


/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
		.gb-container > .gb-inside-container {
			padding:40px 20px!important;
		}
		
		#block_mgmt_support .support_item {
			flex-basis:100%;
			margin-right:0;
		}
		
		.rtm_shiftup {
			margin-top:-60px;
		}
		
		.site-header .header-image {
			width:250px;
		}
		
		.rtm_threeway_grid .rtm_grid_item {
			flex-basis:100%;
			margin-right:0;
		}
		
	.home .site-main .wp-block-group__inner-container {
			padding:30px 10px;
		}
}