/*
Theme Name:   SCC Partner - Child Theme
Theme URI:    https://www.somerset.gov.uk
Description:  SCC Partner - Child Theme
Template:     scc-partner
Author:       Somerset County Council
Author URI:   https://www.somerset.gov.uk
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  scc-partner
Version:      1.0.0

This is the child theme stylesheet for the scc-partner template pack. All changes specific to
this website should be made here ONLY. All changes to default page builder blocks must
be made in the 'PAGE BUILDER TEMPLATE - DEFAULT ONLY CHANGES' block.

All additional css changes must be made in the 'ADDITIONAL CSS - EXTERNAL SYSTEMS etc.' block
at the bottom of the sheet.

/*****************************************************************
/*----------------------------------------------------------------
GLOBAL AND THEME STYLING
----------------------------------------------------------------/*
*****************************************************************/

/*--------------------------------------------------------------
--  GLOBAL STYLING -- */

p, li, a, label, span {
font-size: 18px;
}

body {
overflow-x: hidden;
}

.section-title {
font-size: 48px;
font-weight: bold !important;
}

.gallery-item-title {
display: none;
}

.quick-bar {
background: #18a5c7;
}

/*--------------------------------------------------------------
--  NAVIGATION -- */

#menu-visible-main-menu li > a {
font-weight: bold !important;
font-size: 24px;
}

.overlay .logo-block {
display: none;
}

.overlay .menu-block {
flex: 0 0 100%;
max-width: 100%;
}

	.overlay {
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(24,154,181,1) 0%, rgba(60,169,147,1) 100%);
	}


	/* --- BUTTONS --- */

	.key-link,
	input[type=submit] {
	border-radius: 40px;
	padding: 15px 40px !important;
	text-align: left;
	font-size: 22px !important;
	font-weight: bold;
	background: #18a5c7;
	}

		.key-link:after {
		content: '\f061';
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		padding-left: 20px;
		}


/*--------------------------------------------------------------
--  GLOBAL CLASSES and IDS -- */

.dark-background {
background-color: #18a5c7;
}

	/* --- PAGE OPENING BLOCK - #opener ID --- */

	#opener {
	overflow: visible;
	}

	#opener .emotive-box-border {
	height: 60vh;
	}

	#opener .emotive-content-block {
	display: flex;
	align-items: center;
	}

	#opener .emotive-content-block .content-column {
	flex: 0 0 100%;
	max-width: 100%;
	height: fit-content;
	text-align: center;
	}

	#opener .emotive-content-block {
	background: radial-gradient(circle at center left,rgb(40 154 181),rgba(255,255,255,0) 80%);
	}

		.home #opener .emotive-content-block {
		background: none;
		}

		.home #opener .emotive-content-block .content-column {
		height: 100%;
		}

	#opener .section-title {
	font-size: 120px;
	line-height: 120px;
	color: #fff;;
	}

	#opener .key-link {
	position: absolute;
	bottom: 0;
	left: -20px;
	bottom: -50px;
	padding: 60px !important;
	border: 0 !important;
	background: #18a5c7 !important;
	font-size: 48px !important;
	max-width: 600px;
	text-align: left;
	font-weight: bold;
	line-height: normal;
	border-radius: 0;
	}

		#opener .key-link:after {
		content: '\f061';
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		padding-left: 20px;
		}

	#social-feed {
	padding: 60px 0;
	}


/*--------------------------------------------------------------
--  FOOTER -- */

#nav-footer-block {
padding: 30px 0 0;
}

.site-footer {
background: #364150;
padding: 0 0 30px;
}

.social-menu {
align-items: flex-end;
}


/*****************************************************************
--- END OF GLOBAL AND THEME STYLING
/*****************************************************************

/*****************************************************************
/*----------------------------------------------------------------
PAGE BUILDER
----------------------------------------------------------------/*
*****************************************************************/


/*--------------------------------------------------------------
--  SITE WIDE CHANGES -- */

.content-column {
padding: 0 120px 0 15px;
}

.right-align .content-column {
padding: 0 15px 0 120px;
}

.content-gallery, 
.content-carousel {
padding: 150px 0;
background: #fff;
}

.faq-content-block .section-title {
text-align: center;
margin: 0 0 60px;
}

/*--------------------------------------------------------------
--  CUSTOM CLASSES and IDs -- */

#gallery-content-block-one {
overflow: visible;
}

#gallery-content-block-one .gallery-item div {
position: absolute;
top: 50px;
width: 100%;
}

#gallery-content-block-one .row:after,
#gallery-content-block-two .row:after,
#gallery-content-block-three .row:after,
#gallery-content-block-four .row:after,
#gallery-content-block-five .row:after,
#gallery-content-block-six .row:after,
#gallery-content-block-seven .row:after     {
content: '';
position: absolute;
top: 0;
right: 0;
width: 30% !important;
height: 100% !important;
background: #e2e2e2;
}

	#gallery-content-block-two .row:after,
	#gallery-content-block-four .row:after,
	#gallery-content-block-six .row:after {
	left: 0;
	}

	#gallery-content-block-two .col-lg-6 > div,
	#gallery-content-block-three .col-lg-6 > div,
	#gallery-content-block-four .col-lg-6 > div, 
	#gallery-content-block-five .col-lg-6 > div,
	#gallery-content-block-six .col-lg-6 > div,
	#gallery-content-block-seven .col-lg-6 > div  {
	margin-top: -50px
	}

.content-gallery,
.content-gallery div,
#gallery-content-block-two,
#gallery-content-block-three {
overflow: visible;
}

.mailpoettext {
    padding: 30px;
}
.mailpoettext a {
  text-decoration: underline;
}

/*--------------------------------------------------------------
--  BLOCK SPECIFIC CHANGES -- */

.home #opener .emotive-box-border {
height: 80vh;
}

#get-involved,
#our-approach,
#newsletter,
#executive-summary,
.simple-block-padding {
padding: 150px 0;
}

	#get-involved .key-link,
	#our-approach .key-link,
	#newsletter .key-link,
	#executive-summary .key-link,
	.dark-background.simple-block-padding .key-link  {
	border: 2px solid #fff;
	}

.story-block {
border-bottom: 1px solid #d0d0d0;
margin-bottom: 15px;
}

.story-date {
font-size: 16px;
font-weight: bold !important;
margin: 0 0 5px;
}

.story-title {
font-weight: bold !important;
line-height: normal;
margin: 0 0 10px;
font-size: 28px;
}

#response .section-title {
font-size: 32px;
} 

#response .directory-meta {
display: none;
} 

.directory-title {
font-weight: bold !important;
font-size: 28px;
}

.search-results-block input, .search-results-block button {
height: auto !important;
}

#faq {
padding: 60px 0;
}

	.home #faq {
	padding: 90px 0;
	}

.link-underline strong {
    font-weight: 600;
}
.link-underline a {
    text-decoration: underline;
}


	/*--------------------------------------------------------------
	--  NEW PROPOSALS PAGE -- */

	#proposal-jump {
	padding-top: 50px;
	}

		#proposal-jump .grid-image:nth-child(4),
		#proposal-jump .grid-image:nth-child(5) {
		flex: 0 0 50%;
		max-width: 50%;
		}

		#proposal-jump h4 {
		font-weight: bold !important;
		text-align: center;
		font-size: 48px;
		line-height: normal;
		}

		#proposal-jump .key-link:after {
		display: none;
		}

		.faq-proposals {
		padding-bottom: 100px !important;
		}

	.one-somerset-gradient {
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(24,154,181,1) 0%, rgba(60,169,147,1) 100%);
	}

		.one-somerset-gradient .page-header h1 {
		padding: 30px 0 0;
		font-weight: bold !important;
		}

	#steps {
	padding: 60px 0;
	}

	.number-icon {
	font-size: 34px;
	font-weight: bold !important;
	background: #18a5c7;
	border-radius: 50%;
	color: #fff;
	margin: 0;
	text-align: center;
    height: 60px;
    width: 60px;
	}

	#steps .question {
	margin: 0 0 30px;
	}

		#steps .question:last-of-type {
		margin: 0;
		}

	#steps .question p {
	margin: 0;
	}

	#steps .statement {
	display: flex;
	align-items: center;
	}
	
	#steps a {
	text-decoration: underline;
	font-weight: bold !important;
	}


/*****************************************************************
--- END OF PAGE BUILDER STYLING
/*****************************************************************/

/*--------------------------------------------------------------
--  MOBILE STYLING -- */

/* -- TABLET and below -- */
@media screen and (max-width: 1024px) {

	/*--------------------------------------------------------------
	--  GLOBAL -- */

	.key-link {
	width: fit-content !important;
	}

	.section-title {
	font-size: 32px;
	}

		/* --- NAVIGATION --- */

		#menu-visible-main-menu {
		display: none;
		}

		#overlayOpen {
		display: block;
		}

		#overlay-menu .new-menu > li > a {
		margin: 15px 0 !important;
		font-size: 24px;
		line-height: normal;
		}
	
		.overlay .base-menu-block {
		display: block;
		padding: 30px;
		}


		/* --- GLOBAL CLASSES and IDs --- */

		#opener .key-link {
		display: none;
		}

		#opener .section-title {
		font-size: 42px;
		line-height: normal;
		padding-top: 120px;
		}

		#opener img {
		padding-top: 100px;
		}

		.rich-results {
		overflow: hidden;
		}

		.rich-results .rich-data .directory-image {
		height: 300px;
		}

		.rich-results .rich-data .col-lg-3 {
		padding-right: 15px;
		}

		.rich-results .rich-data .col-lg-9 {
		padding-left: 15px;
		}

		#proposal-jump .grid-image:nth-child(4),
		#proposal-jump .grid-image:nth-child(5) {
		flex: 0 0 100%;
		max-width: 100%;
		}

		/* --- FOOTER --- */

		.footer-credits {
		display: block;
		padding: 20px 0 0;
		text-align: left !important;
		}

		#footer-address {
		display: none;
		}

		#footer-menu {
		padding: 15px;
		}

} @media screen and (max-width: 991px) {

	/*--------------------------------------------------------------
	--  PAGE BUILDER -- */

	.content-column,
	.right-align .content-column {
	padding: 60px 15px;
	}

	.content-gallery .abs {
	display: block;
	position: relative;
    height: 300px !important;
    min-height: auto;
	}

	.content-gallery, 
	.content-carousel {
	padding: 0 !important;
    height: fit-content;
	}


		/* --- CUSTOM CLASSES and IDs --- */

		section {
		overflow: hidden;
		}

		#gallery-content-block-one {
		overflow: hidden;
		}

		#gallery-content-block-one .row:after, 
		#gallery-content-block-two .row:after, 
		#gallery-content-block-three .row:after,
		#gallery-content-block-four .row:after,
		#gallery-content-block-five .row:after,
		#gallery-content-block-six .row:after,
		#gallery-content-block-seven .row:after {
		display: none;
		}

		#get-involved,
		#our-approach,
		#newsletter,
		#executive-summary,
		.simple-block-padding {
		padding: 60px 0;
		}


		/* --- BLOCK SPECIFIC CHANGES --- */

		#gallery-content-block-one .gallery-item div {
		position: relative;
		top: 0;
		}

		#get-involved, 
		#our-approach, 
		#newsletter {
		padding: 90px 15px;
		}

		#gallery-content-block-two .col-lg-6 > div, 
		#gallery-content-block-three .col-lg-6 > div,
		#gallery-content-block-four .col-lg-6 > div,
		#gallery-content-block-five .col-lg-6 > div,
		#gallery-content-block-six .col-lg-6 > div,
		#gallery-content-block-seven .col-lg-6 > div {
		margin-top: 0;
		}

		#social-feed .col-lg-8 {
		display: none;
		}

	
}

/* -- MOBILE and below -- */
@media screen and (max-width: 568px) {


	/*--------------------------------------------------------------
	--  GLOBAL -- */

	.key-link {
	width: 100% !important;
	}

	
	/*--------------------------------------------------------------
	--  PAGE BUILDER -- */

	
}

/*****************************************************************************************************************************
END OF CHILD STYLE SHEET
******************************************************************************************************************************
******************************************************************************************************************************
******************************************************************************************************************************/