/*
 Theme Name:   South Shore
 Theme URI:    https://generatepress.com
 Description:  South Shore child theme
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     generatepress
 Version:      0.1
*/

/* South Shore colours
 * Gold R: 203 G: 174 B: 101 // #CBAE65 
Navy R: 46 G: 51 B: 78 // #2E334E
Grey R:126  G:126 B: 126 // #7e7e7e 
*/

/* All Devices */

/* Typography*/

h1 {
	font-family: 'DM Serif Display', serif;
	font-style:normal;
	font-weight:400;
	color:#cbae65;
	font-size:4em;
}

h2.display, h3.display {
	font-family: 'DM Serif Display', serif;
	font-style:normal;
	font-weight:400;
	color:#cbae65;
}

h1.smallhead {
	    font-size: 2.2em;
    margin-bottom: 0px;
	padding-top:16px;
}

h2, h3 {
	font-family: 'DM Sans', sans-serif;
	font-style:normal;
	font-weight:700;
	color:#eee;
}

.blog h2 a, .blog .entry-meta {
	color:#eee;
}

.single-post h2 {
	font-size:24px;
}

.ss_team h2, .ss_show_grid_item h2 {
	color:#cbae65;
	font-size:1.5em;
	margin-bottom:0;
}

.single-show h1, .single-show h2, .single-show h3 {
	color:#cbae65;
}

.single-show .ss_show_content {
	color:#eee;
}

body {
	font-family: 'DM Sans', sans-serif;
	font-style:normal;
	font-weight:400;
	color:#eee;
}

#ss_home_intro {
	font-size:18px;
	text-align:center;
}

.contact_page_email, .contact_page_phone, .contact_page_address {
	font-size:20px;
}

.standout {
	font-size:1.4em;
	font-weight:700;
	margin-bottom: 0;
    color: #cbae65;
}

.ss_page_intro {
	font-size:18px;
}

.ss_boxed_text {
	font-size:14px;

}

.entry-title a:hover {
	color:#cbae65;
}

.single-post .entry-meta {
	color:#fff;
}

.center {
	text-align:center;
}

/* CPT Slider */
.ss_cpt_slider .gb-inside-container, .ss_cpt_glider .gb-inside-container {
	width:100%;
	padding:0!important;
}

.ss_cpt_slider .wp-block-group__inner-container, .ss_cpt_glider .wp-block-group__inner-container {
	max-width:100%;
	padding:40px 0;
}

.slick-slide {
	transition:all 0.5s;
}

#ss_home video {
	max-width:100%;
}

#ss_home .ss_show_item {
	mask-image:linear-gradient(to bottom, black 0%, black 75%, transparent 95%);
	-webkit-mask-image:linear-gradient(to bottom, black 0%, black 75%, transparent 95%);
}

.slick-slide:not(.slick-active) {
	opacity:0.5;
}

/*.slick-center {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
	transition:all 1s;
}*/

/*.slick-list { 
  padding:10px 60px !important;
}*/

ul.slick-dots {
	pointer-events:none;
	bottom:20px;
}

.slick-dots li button::before {
	color:#cbae65;
	width:12px;
	height:12px;
	font-size:12px;
	content:''!important;
	background-color:#cbae65;
	border-radius:50%;
}

.slick-dots li.slick-active button:before {
	color:#cbae65;
}

.slick-dots li {
	margin:0 8px;
}

.slick-dots {
	bottom:-40px;
}

.ss_show_wrapper .ss_show_item {
	display:none;
}

.ss_show_wrapper .ss_show-item:first-child {
      display: block;
   }
	.ss_show_wrapper.slick-initialized .ss_show_item {
      display: block;
    }

/* header */

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



/* Hollywood bokeh */
.background {
	width: 100vw;
    height: 100vh;
    background: #2e334e;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

/* Navigation  */

#generate-slideout-menu {
	background-color:#2e334e;
}

#generate-slideout-menu .inside-navigation {
	display:flex;
}

#generate-slideout-menu .inside-navigation aside {
	order:2;
}

#generate-slideout-menu .inside-navigation div {
	order:3;
}

#generate-slideout-menu .slideout-menu li a {
	font-size:20px;
}

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

.menu-toggle {
	font-size:22px;
}

/* SHOW CPT */

.single-show .site-content .content-area {
	width:100%;
}

.ss_show_container section {
	padding:30px 0;
}

.ss_show_container {
	margin-top:100px;
	font-size:16px;
}

section.ss_show_hero, section.ss_show_content {
    display:flex;
    flex-wrap:wrap;
}

.ss_show_video {
    flex-basis: 66%;
	margin-bottom:40px;
}

.ss_show_meta {
    flex-basis: 26%;
	padding:20px;
	background:#222;
	font-size:14px;
	margin-bottom:40px;
	margin-left:4%;
}

.ss_show_meta img {
	max-width: 100px;
    display: block;
    margin-bottom: 20px;
}

.ss_show_meta p {
	margin-bottom:5px;
}

.ss_show_description {
    flex-basis: 66%;
	padding:20px;
	margin-bottom:40px;
}

.ss_show_gallery {
    flex-basis: 26%;
	margin-bottom:40px;
	margin-left:4%;
}

.autoGrid-lightbox {
	z-index:999;
}

.ss_logomark_icon img {
	max-width:100px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}



/*
.ss_team .wp-block-column {
	padding:40px;
	background-color:#333;
}
*/

.ss_team .wp-block-columns {
		margin-bottom:0;
}

.ss_team .wp-block-group__inner-container {
	padding-bottom:0;
}

/* Shows Grid */
.ss_show_grid_wrapper {
	display:flex;
	flex-wrap:wrap;
}

.ss_show_grid_item {
	flex-basis:47.5%;
	margin-right:5%;
	margin-bottom:40px;

}

.ss_show_grid_item:nth-of-type(2n) {
	margin-right:0;
}

.ss_video_poster_wrapper {
	position:relative;
	margin-bottom:16px;
}

.ss_video_poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	padding-bottom:56.25%;
    transition: all 0.5s;
	opacity:1;
	background-size:cover;
	background-position:center;
}

.ss_video_poster_wrapper:hover .ss_video_poster {
	opacity:0;
	visibility:hidden;
}

.ss_video_poster_wrapper video {
	width:100%;
	height:auto;
}

/* News */

.ss_news_image_banner {
	min-height:60vh;
	background-size:cover;
	background-position:center;
	margin-bottom:50px;
}

.single-post article .inside-article .entry-content, .single-post article .inside-article header, .single-post article .inside-article footer {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.single-post.separate-containers .inside-article {
	padding:40px 0;
}

.single-post #page.grid-container {
	max-width:100%;
}

.post-image-above-header .no-featured-image-padding .inside-article .featured-image {
	margin-top:10px;
}

.single-post .inside-article .featured-image {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.blog.separate-containers .inside-article {
	padding:40px 10px;
	margin-left:0;
}

.blog article.generate-columns {
	padding-left:0;
}

.blog .generate-columns-container {
	margin-left:0;
}

.single-post .inside-article .featured-image img {
	padding:0 10px;
}

/* Google Maps */
#map, #map-london, #map-cardiff {
	width:100%;
	height:300px;
	margin-bottom:30px;
	
}

/* 404 */


/* Footer */

.ss_footer_widget {
	font-size:13px;
}

.footer-widgets {
	background-color:transparent;
}

.inside-footer-widgets {
	border-top: 1px solid #aaa;
    padding-top: 20px;
	margin-left:0!important;
}

.site-footer .footer-widgets-container .inner-padding {
	padding:0;
}


.ss_footer_widget.contacts p {
	margin-bottom:10px;
}

.ss_footer_widget a {
	color:#fff;
	font-weight:700;
}

.ss_footer_widget a:hover {
	color:#cbae65;
}

/* General Content */

.ss_narrow_centered {
	max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

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

.entry-content > section, .entry-content > .gb-container:not(#ss_home_intro), .generate-columns-container, .single-post article  {
	margin-top:40px;
}

.gb-container.ss_image_top {
	margin-top:0!important;
}

.separate-containers .inside-article {
	background-color: transparent;
}

#ss_home_intro .wp-block-group__inner-container {
	padding:0;
}

#ss_home_intro .gb-inside-container {
	padding-top:0;
	margin-top:-50px;
}

img#pact, img#albert {
	max-width:100px;
}

img#pact {
	margin-right:20px;
}

.ss_consec_groups .wp-block-group:first-of-type .wp-block-group__inner-container {
	padding-bottom:0;
}


.ss_consec_groups .wp-block-group:nth-of-type(2) .wp-block-group__inner-container {
	padding-top:0;
}

.ss_socials {
	display:flex;
	justify-content:center;
}

.ss_socials a {
		margin-right:20px;
}

.ss_socials_item:last-of-type a {
	margin-right:0;
}

.ss_socials svg {
	height:30px;
	width:30px;
}

.ss_socials svg path {
	fill:#cbae65;
	transition: all 0.2s;
}

.ss_socials svg:hover path {
	fill:#fff;
}

/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
		.footer-widget-2 {
			text-align:center;
		}
		
		.footer-widget-3 {
			text-align:center;
		}

		.footer-widget-4 {
			text-align:right;
		}
		
		
		.ss_show_grid_video video, .ss_show_video video {
			max-width:100%;
			height:auto;
			transition: all 0.5s;
			width:100%;
		}
		
		.blog .generate-columns-container article:first-of-type {
			width:100%;
		}
		
		.single-post article .inside-article .entry-content, .single-post article .inside-article header, .single-post footer.entry-meta {
			padding-left:40px;
			padding-right:40px;
		}
		
		.inside-footer-widgets > div {
			flex:1 1 25%;
		}
		
}

/* Small laptops/desktops - 1024 to 1400 */
@media only screen
	and (min-width: 1024px)
and (max-width: 1400px) {

		.single-post .inside-article, .blog .generate-columns-container {
			width:90%;
			margin-left:auto;
			margin-right:auto;
		}
	
	
	
}
/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
		section.ss_show_hero {
    display:block;
  	max-width:90%;
	margin-left:auto;
			margin-right:auto;
}
		.ss_show_container {
		max-width: 95%;
    margin-left: auto;
    margin-right: auto;
			}
		
		section.ss_show_content {
			display:flex;
		}
		
		.ss_show_content .ss_show_video, .ss_show_content .ss_show_meta, .ss_show_content .ss_show_description, .ss_show_content .ss_show_gallery {
			flex-basis:100%;
			margin-right:0;
			margin-left:0;
		}
		
		
		.ss_show_grid_video video {
			max-width:100%;
			height:auto;
			transition: all 0.5s;
		}
		
		ss_show_grid_video video:hover {
			transform:scale(1.05);
		}
		
		#ss_show_grid .gb-inside-container {
			padding:40px 0;
		}
		
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
		.slick-slide {
			padding: 0 10px;
		}
		
		.ss_fw_mob {
			flex-wrap:wrap;
		}
		
		.ss_fw_mob .wp-block-column {
			flex-basis:100%!important;
		}
		
		.ss_fw_mob .wp-block-column:nth-child(2n) {
			margin-left:0;
		}
		

		
		.blog .generate-columns-container article:first-of-type {
			width:100%;
		}
		
		.single-post .inside-article, .blog .generate-columns-container {
			width:90%;
			margin-left:auto;
			margin-right:auto;
		}
		
		.ss_team_grid .wp-block-column {
			flex-basis:32%!important;
		}
		
		.ss_team_grid .wp-block-column:first-of-type, .ss_team_grid .wp-block-column:nth-of-type(2) {
			margin-right:2%;
		}
}


/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
		.ss_show_grid_item {
			flex-basis:100% !important;
			margin-right:0;
		}
		
		.ss_show_video video {
			max-width:100%;
			height:auto;
		}
		
		h1 {
			font-size:3em;
		}
		
		.single-post .inside-article, .blog .generate-columns-container {
			width:90%;
			margin-left:auto!important;
			margin-right:auto!important;
		}
		
		#map, #map-london, #map-cardiff {
			height:30vh;
}