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

/* Nicole Sheppard color palette:
 * Maroon #40061b
 * Bright pink #bf4e83
 * Pastel pink a66081
 * Green 84bfb9
 * Yellow f2d888
 * Sage 7f8c64
 * Light Sage aabfb8
 */

/* All Devices */

/* Typography*/

h1,h2,h3 {
	color:#bf4e83;
}

/*body.page-about h1, body.page-about h2, body.page-about h3 {
	color:#84bfb9;
}*/

h1 {
	font-size:3em;
    letter-spacing: -0.04em;
	line-height:1em;
}

h1.bighead {
	font-size:5em;
}

h2.bighead {
	font-size:4em;
}

div.summary h3 {
	font-size:20px;
}

/*#ns_home_hero p.hero {
	font-family: 'Ruthie', cursive;
	font-size:8em;
	line-height:0.7em;
	display:inline-block;
	margin-bottom:20px;
	background-color: rgba(132,191,185,0.75);
    padding: 0 30px;
    color: #fff;
	border-radius:10px;
}*/

#ns_home_hero p.hero {
	font-size:5em;
	line-height:1.2em;
	display:inline-block;
	margin-bottom:20px;
	/*background-color: rgba(127,140,100,0.75);*/
	background-color:rgba(170,191,184,0.75);
    padding: 0 30px;
    color: #fff;
	border-radius:10px;
	font-weight:700;
}

/*strong {
	color:#bf4e83;
}*/

.ns_colored_bg, .ns_colored_bg .pre-display, .ns_colored_bg .display, .ns_colored_bg strong, .ns_colored_bg a {
	color:#fff!important;
}

span.pre-display {
	/*font-family: 'Poppins', arial, sans-serif;*/
	font-size:16px;
	letter-spacing:1px;
	color:#bf4e83;
	text-transform:uppercase;
	position:relative;
	top:10px;
}

/*#brave.pre-display {
	left:50px;
}*/

span.display {
	/*font-family: 'Ruthie', cursive;*/
	font-size:44px;
	font-weight:700;
	color:#bf4e83;
	display:block;
	line-height:60px;
}

.ns_complex_head {
	color:#bf4e83;
	font-weight:700;
}

#ns_home_hero p.hero.secondary {
	background-color: rgba(191,78,131,0.75);
}

#ns_home_hero p.hero.tertiary {
	background-color: rgba(242,216,136,0.75);
}

/*#ns_home_hero p.pre-hero {
	font-size:20px;
	font-weight:700;
	margin-bottom:0;
	text-transform:uppercase;
	position:relative;
	top:15px;
	color:#fff;
	letter-spacing:1px;
}*/

#ns_home_hero p.pre-hero {
	font-size:20px;
	font-weight:700;
	margin-bottom:0;
	text-transform:uppercase;
	position:relative;
	color:#fff;
	letter-spacing:1px;
}


.ns_home_intro {
	text-align:center;
}

.ns_home_intro p {
	font-size:18px;
}

div.big_list ul {
	list-style:none;
	margin-left:0;
}

div.big_list ul li {
	padding-bottom:15px;
	font-size:20px;
}

div.big_list.center ul {
	text-align:center;
}

ul {
	margin-left:1em;
}

a.ns_cta, .ns_cta a, .nicole_button a {
	display: inline-block;
    padding: 14px 30px;
    background-color: #bf4e83;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    font-weight: 700;
}

.nicole_button.centre {
	text-align:center;
}

/* Navigation  */

.main-navigation .main-nav ul li a {
	line-height:40px;
	text-transform:uppercase;
	font-weight:700;
}

nav.is_stuck {
	background-color:#a66081;
}

body.page-about nav.is_stuck, body.page-about .footer-widgets {
	background-color:#f2d888;
}

body.page-work-with-me nav.is_stuck, body.page-work-with-me .footer-widgets {
	background-color:#aabfb8;
}

nav.is_stuck .grid-container {
	max-width:100%;
}

body.page-work-with-me .main-navigation:not(#generate-slideout-menu) .main-nav ul li a, body.page-contact .main-navigation:not(#generate-slideout-menu) .main-nav ul li a {
	color:#333;
}

body.page-work-with-me .main-navigation:not(#generate-slideout-menu).is_stuck .main-nav ul li a, body.page-contact .main-navigation:not(#generate-slideout-menu).is_stuck .main-nav ul li a {
	color:#fff;
}

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

.mobile-menu-control-wrapper svg path {
	fill:#bf4e83;
}

.mobile-menu-control-wrapper svg {
	height:2em;
	width:2em;
}

.ns_contact_socials ul {
	list-style:none;
	margin-left:0;
}

.ns_contact_socials ul li {
	display:inline-block;
	margin-right:20px;
}

.blog .mobile-menu-control-wrapper svg path, .single-post .mobile-menu-control-wrapper svg path {
	fill:#fff;
}

/* Headers & Banners */

#ns_home_hero {
	min-height:80vh;
	display:flex;
	align-items:center;
}

#ns_home_hero .gb-inside-container {
	width:100%;
}

.ns_inner_banner {
	min-height:80vh;
}

		.gb-container.ns_fw #about_image_col1.wp-block-column, .gb-container.ns_fw #about_image_col2.wp-block-column {
			/*background-image:url(/wp-content/uploads/2023/02/coffee_1_1500.jpg);*/
			background-image:url(/wp-content/uploads/2023/03/coffee_1b_1500.jpg);
			flex-basis:50%;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}

		.gb-container.ns_fw #home_image_col1.wp-block-column {
			/*background-image:url(/wp-content/uploads/2023/02/coffee_1_1500.jpg);*/
			background-image:url(/wp-content/uploads/2023/03/corporate_career_2_1500.jpg);
			flex-basis:50%;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:right top;
		}
		
		.gb-container.ns_fw #wwm_image_col1.wp-block-column {
			background-image:url(/wp-content/uploads/2023/02/star_jump_1a_1500.jpg);
			flex-basis:50%;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}		

		.gb-container.ns_fw #wwm_image_col2.wp-block-column {
			background-image:url(/wp-content/uploads/2023/02/seascape_1_1500.jpg);
			flex-basis:50%;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}		
		

		.gb-container.ns_fw #wwm_image_col3.wp-block-column {
			/*background-image:url(/wp-content/uploads/2023/02/in_convo_1_1500.jpg);*/
			background-image: url(/wp-content/uploads/2023/03/by_the_pier_1_1500.jpg);
			flex-basis:50%;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}	

		.gb-container.ns_fw #contact_image_col1.wp-block-column {
			background-image: url(/wp-content/uploads/2023/03/contact_1a_1500.jpg);
			flex-basis:50%;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}	


.ns_top_no_header > .gb-container {
	padding-top:120px;
}

/* Slick Slider */
.ns_testimonial_item {
    padding: 20px;
    background-color: #fff;
    border-left: 4px solid #a66081;
    font-size: 14px;
}

.ns_testimonial_author {
	font-weight:700;
}

/* Blog */

body.blog {
	background-color:#fefdf9;
}

.blog .inner_page_header, .single-post .inner_page_header {
	background-image:url(/wp-content/uploads/2023/03/blog_1a_1920.jpg);
	background-size:cover;
	min-height:45vh;
	display:flex;
	align-items:center;
	background-position:right top;
}

.blog .gb-container > .gb-container {
	max-width:1200px;
	margin: 0 auto;
}

.blog .page-hero, .single-post .page-hero {
    position: relative;
	margin-bottom:40px;
}
.blog .page-hero svg, .single-post .page-hero svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    fill: #fefdf9;
    height: 50px;
    width: 100%;
}

.blog.separate-containers .inside-article {
	padding:20px;
	border:1px solid #e1e1e1;
}

.blog h2.entry-title {
	font-size:20px;
}

.blog .entry-summary {
	font-size:14px;
}

div.sidebar h2 {
	font-size:22px;
}



/* 404 */


/* Footer */

.ns_footer_widget {
	font-size:14px;
}

.footer-widgets-container {
    padding: 20px 40px;
}

/* General Content */

.ns_testi_sec {
	background-position: left center, right center;
	background-repeat:no-repeat;
	padding:40px 0;*/
}

.ns_testi_sec p {
	margin-bottom:0;
}

.ns_testi_sec span.testi_author {
	display:block;
	text-align:right;
}

.ns_midpage_banner {
	min-height:80vh;
	background-size:cover;
	background-position:center;
}

.ns_border_image img {
	border: 10px solid #fff;
}

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

		.ns_pricing_block {
			display:flex;
			gap:2em;
			padding:20px;
			border:1px solid #e1e1e1;
			box-shadow:0 0 15px #ddd;
			margin-bottom:30px;
		}
		
		.ns_pricing_block div.summary {
			flex-basis:33%;
			background-color:#e5e8e0;
			padding:20px;
			font-weight:700;
		}
		
		.ns_pricing_block div.detail {
			flex-basis:calc( 67% - 2em );
			padding:20px;
		}

img.icon.small {
	height:30px;
	width:auto;
}

body.page-contact {
	background-color:#f8f2f5;
}



/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
		.ns_mobile_only {
			display:none!important;
		}
		
		.gb-container > .gb-inside-container {
			padding:40px 0;
		}
		
		.inside-header {
			padding:20px 40px;
		}
		
		.site-logo {
			position: absolute;
    		top: 12px;
    		z-index: 3;
		}
		
		.gb-container.ns_fw .gb-inside-container {
			max-width:100%;
		}
		
		
		.gb-container.ns_fw .wp-block-column {
			flex-basis:50%;
		}
		
		.gb-container.ns_fw .wp-block-column.text .wp-block-group {
			max-width:600px;
		}
		
		.gb-container.ns_fw.image_right .wp-block-column.text .wp-block-group {
			margin-left:auto;
			margin-right:0;
		}
		
		.gb-container.ns_fw.top_shape .wp-block-column.text {
			padding: 120px 2% 80px 2%;
		}
				
		.gb-container.ns_fw.top_shape > .gb-inside-container {
			padding:0;
		}
		
		#ns_home_hero p.pre-hero {
			top:35px;
			left:36px;
		}

		#ns_home_hero p#grow.pre-hero {
			left:66px;
		}
		
		.blog .inner_page_header  > .gb-container {
			width:80%;
		}
		
		.single-post article {
			padding:10px;
			border:1px solid #e1e1e1;
			box-shadow: 0 0 15px #ddd;
		}
		
		.single-post.separate-containers .site-main {
			margin-top:40px;
		}
		
		.inside-right-sidebar aside {
			margin-top:40px;
			background-color:#f8f2f5!important;
			border-left: 3px solid #e1e1e1;
		}
		
		.widget-area.sidebar .widget {
			padding:30px;
		}
		
		
		body.page-contact .wp-block-column {
			min-height:70vh;
		}
		
		body.page-contact .wp-block-column.text {
			display:flex;
			align-items:center;
		}

}

/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
		.no_bg_mob {
			background-image:none!important;
		}
		
		.ns_mob_header {
			min-height:40vh;
		}
		
		.site-logo.page-hero-logo {
			max-width:70%;
		}
		
		#ns_home_hero {
			min-height:auto;
			background-color:#fefbf3;
			text-align:center;
		}
		
		#ns_home_hero p.hero {
			font-size:48px;
			color:#bf4e83;
			background-color:transparent!important;
			line-height:48px;
			margin-bottom:0;
		}
		
		#ns_home_hero p.pre-hero {
			color:#bf4e83;
			font-size:16px;
			font-weight:400;
		}
		
		.ns_home_hero_content .ns_home_hero_strap_item {
			background-color:#bf4e83;
			border-radius:10px;
			margin:6px 6px 14px 6px;
		}
		
		.ns_home_hero_content .ns_home_hero_strap_item:nth-of-type(2) {
			background-color:#aabfb8;
		}
		
		.ns_home_hero_content .ns_home_hero_strap_item:nth-of-type(3) {
			background-color:#f2d888;
		}		
		
		.ns_home_hero_content .ns_home_hero_strap_item:first-of-type p.hero, .ns_home_hero_content .ns_home_hero_strap_item:first-of-type p.pre-hero, .ns_home_hero_content .ns_home_hero_strap_item:nth-of-type(2) p.hero, .ns_home_hero_content .ns_home_hero_strap_item:nth-of-type(2) p.pre-hero {
			color:#fff!important;
		}
		
		.ns_home_hero_content {
			margin:20px 10px;
		}
		
		#ns_home_hero .wp-block-columns {
			margin-bottom:0;
		}
		
		.ns_midpage_banner, .ns_inner_banner {
			min-height:40vh;
		}
		
		.ns_image_col {
			min-height:50vh;
		}
		
		.ns_pricing_block {
			flex-direction:column;
		}
		
		.ns_pricing_block div.summary {
			padding:10px;

		}
		
		.ns_pricing_block div.detail {
			padding:10px;
		}
		
		.gb-container.ns_fw #about_image_col1.wp-block-column, .gb-container.ns_fw #about_image_col2.wp-block-column, .gb-container.ns_fw #home_image_col1.wp-block-column {
			min-height:40vh;
		}
		
		#about_bottom_cta p {
			text-align:left;
		}
		
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
		.gb-shapes .gb-shape svg {
			height:30px!important;
		}
		
		.wp-block-columns {
			flex-wrap:wrap!important;
		}
		
		.wp-block-columns .wp-block-column {
			flex-basis:100%!important;
		}
		
}


/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
		span.display {
			font-size:58px;
		}
		
		.site-header .header-image {
			width:200px;
		}
		
		span.pre-display {
			top:0;
		}
		
		span.display {
			font-size:34px;
			line-height:40px;
		}
		
		.gb-shapes .gb-shape svg {
			height:20px!important;
		}
		
		.ns_inner_banner .gb-shapes .gb-shape svg {
			height: 0!important;
		}
		
		h1.bighead {
			font-size:4em;
		}
		
		h2.bighead {
			font-size:3em;
		}
		
		#ns_home_hero p.hero {
			font-size:38px;
		}
		
}