/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
	--dkBlue:#2C3D58;
	--orange:#ff9701;
	--dkTurq: #006A72;
	--ltTurq:#00919E;

}

@font-face {
    font-family: 'pea_bhearegular';
    src: url('font/peabhea-webfont.eot');
    src: url('font/peabhea-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/peabhea-webfont.woff') format('woff'),
         url('font/peabhea-webfont.ttf') format('truetype'),
         url('font/peabhea-webfont.svg#pea_bhearegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'Work Sans', sans-serif;
	font-size:19px;
	line-height:1.6;
	padding:0 !important;
}

h1 {
	font-family: 'Barlow Condensed', sans-serif;
	font-size:70px;
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
	margin-bottom:20px;
	color:var(--dkTurq);
}

h2 {
	font-family: 'Barlow Condensed', sans-serif;
	font-size:55px;
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
	margin-bottom:20px;
	color:var(--dkTurq);
}

h3 {
	font-family: 'Barlow Condensed', sans-serif;
	font-size:46px;
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
	margin-bottom:20px;
	color:var(--dkTurq);
}

h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-size:36px;
	font-weight:600;
	line-height:1.2;
	text-transform:uppercase;
	margin-bottom:20px;
	color:var(--dkTurq);
}

h5 {
	font-family: 'Barlow Condensed', sans-serif;
	font-size:30px;
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
	margin-bottom:20px;
	color:var(--dkTurq);
}

h6 {
	font-family: 'Barlow Condensed', sans-serif;
	font-size:24px;
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
	margin-bottom:20px;
	color:var(--dkTurq);
}

.ccasa-script-font {
	font-family:'pea_bhearegular' !important;
	letter-spacing:1px;
}

.orange a {
	color:var(--orange);
}

input, select, textarea, label {
	font-family: 'Barlow Condensed', sans-serif !important;
	padding:10px !important;
}

input, select, textarea {
	border:solid 3px #ddd !important;
}

.gform_fields li:before {
	content:none !important;
}

.gform_wrapper form li, .gform_wrapper li {
	margin-bottom:20px !important;
}

.gform_wrapper .gfield_radio li {
	margin-bottom:0 !important;
}

.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
	padding-top:0 !important;
	padding-bottom: 0 !important;
	font-weight:600;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	background:var(--orange);
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:600;
	min-width:200px;
}

input[type=submit] {
	background:var(--orange);
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:600;
	min-width:200px;

}

::placeholder, .gform_wrapper select {
	font-weight:600;
}

#page ul {
	list-style-type:none;
	margin-left:10px;
}

#page li {
	margin:6px;
	position:relative;
}

#page li:first-child {
	margin-top:0;
}

#page li:before {
	content:"\f111";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	color:var(--ltTurq);
	margin-right:10px;
	font-size:9px;
	margin-top:-2px;
	position:absolute;
	left:-20px;
	top:10px;
}

.center {
	text-align:center;
}

.relative {
	position:relative !important;
	transition:.5s;
}


.sub-heading {
	font-family:'pea_bhearegular';
	font-size:34px;
	letter-spacing:1px;
	margin-bottom:0px !important;
	display:inline-block;
	font-weight:900;
	text-transform:capitalize;
	letter-spacing:2px;
	line-height:1;
}

.icons-title h4 {
	text-transform: uppercase;
	font-size:23px;
	color:#333;
}

.main-button a {
	background-image:none !important;
	font-family:'Barlow Condensed';
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;

}

.row-max-width {
	max-width:100%;
	margin:0 auto !important;
}


.no-margin {
	margin:0 !important;
}

.barlow {
	font-family: 'Barlow Condensed', sans-serif;
}


.cn-button {
	font-family: 'Barlow Condensed', sans-serif;
	background-color:var(--orange);
	background:var(--orange) !important;
}
/*==header===*/

.logged-in .bz-top-bar {
	top:32px;
}

.logged-in  #bz-top-bar-social-div {
	top:49px;
}



#masthead {
	margin-top:-67px;
	z-index:1001;
	position:fixed;
	width:100%;
	transition:.5s;
}

.inside-header {
	padding:0;
	width:100%;
}

.header-image {
	padding:20px 10px 20px 20px;
}

.site-logo {
	margin-top:-57px;
}

/* Make topbar sticky */
.bz-top-bar{
	position:fixed;
	top:0;
	z-index:99;
	width:100%;
	z-index:1000;
	background:#F7F8F9;


}


/* Make sticky nav adjust to the topbar */
#sticky-navigation{
	top: 48px !important;
}

.inside-navigation {
	max-width:100%;
	padding:0 !important;
}

#menu-item-14471 .sub-menu {
		left:-40px !important;
	}

.bz-top-bar-inner {
	display:flex;
	width:87.5%;
	justify-content: space-between;
	margin-left:220px;
	float:right;
	align-items:center;
}

.bz-top-bar-right {
	float:right;
	display:flex;

}
.bz-top-bar-inner {
	font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
}

#bz-top-bar-social-div {
	position: fixed;
	left:330px;
	top:17px;
	margin-top:18px;
	z-index:1001;
	transition:.5s;
}

#bz-top-bar-social-div a {
	display:inline-block;
	color:#fff;
	background:var(--ltTurq);
	padding:9px 12px 9px;
	width:50px;
	text-align:center;
	background-image:url('images/social-bg.jpg');
}

.masthead-newsletter-open {
	margin-top:66px !important;
}

.social-newsletter-open {
	top:479px !important;
	transition:.5s;
}

#newsletter-link {
	font-family: 'pea_bhearegular';
	text-transform:initial;
	font-weight:900;
	letter-spacing: 1px;
	color:var(--orange);
	font-size:24px;
	letter-spacing: 2px;
	cursor:pointer;
}

#events-div {
	font-family: 'Barlow Condensed', sans-serif;
	text-align:center;
	background:var(--dkTurq);
	color:#fff;
	padding:16px 50px 16px 50px;
	border-bottom:solid 3px #F7F8F9;
	font-weight:600;
	line-height:1;
}

#events-div a {
	color:#fff;
}

#escape-button {
	font-family: 'Barlow Condensed', sans-serif;
	background:var(--orange);
	color:#fff;
	text-align:center;
	padding:16px 50px 16px 50px;
	border-bottom:solid 3px #F7F8F9;
	font-weight:600;
	line-height:1;
}

#escape-button a {
	color:#fff;

}

#site-navigation, .has-inline-mobile-toggle #site-navigation.toggled {
	background-color:transparent !important;
	margin-top:-1px !important;
}

#newsletter-div {
	display:none;
	width:650px;
	margin:0 auto;
	padding:20px 50px 20px 0px;
	position:relative;
}

.e2ma_signup_form {
	width:600px !important;
	max-width:94% !important;
}

#newsletter-div input, .newsletter-onpage-div input {
	width:100%;
}



#newsletter-close-button {
	position:absolute;
	font-size:30px;
	font-weight:900;
	color:var(--dkGray);
	border:var(--orange) solid 2px;
	width:35px;
	height:50px;
	top:10px;
	right:0;
	text-align:center;
}

.e2ma_signup_form_row {
	margin-top:20px;
}

.e2ma_signup_form_label {
	font-family:'barlow Condensed', sans-serif;
	font-weight:700;
}

.e2ma_signup_form_row:nth-child(6), .e2ma_signup_form_row:nth-child(7) {
	width:49%;
	float:left;
}

.e2ma_signup_form_row:nth-child(6) {
	margin-right:2%;
}

.e2ma_signup_form_required_footnote {
	clear:both;
	padding:20px 0;
}

#e2ma_signup_submit_button {
	background-color:var(--orange) !important;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:600;
}

.top-bar-div {
	padding:13px 0;
	text-align:center;
	margin-right:30px;
}

.inside-header {
	height:67px;
}

#menu-main, #menu-main-spanish {
	font-family: 'Barlow Condensed', sans-serif;
}

#nav_menu-2, #menu-widget-menu-2, #menu-widget-menu-2-spanish, #menu-widget-menu-1 {
	font-family: 'Barlow Condensed', sans-serif;

}

#menu-main li:before, #nav_menu-2 li:before, #menu-widget-menu-2 li:before {
	content:'';
}

.menu-toggle {
	line-height:69px;
	margin-top:-21px;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background:transparent !important;
}

.main-navigation .main-nav ul ul li a {
	color:#fff !important;
}

#breadcrumbs {
	margin-top:20px;
	margin-bottom:-60px;
	position:relative;
	z-index:100;
}

.home #breadcrumbs {
	display:none;
}

.widget-title {
	
    font-weight: 600;
    margin-bottom: 10px;
}

.page-hero {
	margin-top:132px;
}

/*===home====*/


.home #page {
	margin-top:132px;
}

.jeans-outline img {
	position:relative;
}

#jeans-bg-div {
	position:absolute;
	height:600px;
	width:100%;
	background-image:url('https://codenimdev.wpengine.com/wp-content/uploads/2021/02/jeans-bg-2.jpg');
	background-repeat:no-repeat;
	background-size:contain;
	top:0;
	z-index:0;

}

#amount-raised-div {
	position:absolute;
	width:100%;
	max-width:500px;
	right:0;
	font-weight:600;
	z-index:2;
	color:var(--orange);
	font-size:40px;
	border-top:solid 2px var(--orange);

}

#amount-raised-div span {
	position:absolute;
	top:-60px;
}

/*===pages===*/

#collage-row-outer {
	min-height:600px;
}

#collage-row-inner .vc_col-sm-12:first-child {
	margin-bottom:35px !important;
}

#collage-row-inner .vc_column-inner {
	min-height:280px;
}

#collage-col-3 .vc_column-inner {
	background-position-y:0% !important;
}

#collage-col-2 .vc_column-inner {
	background-position-y:25% !important;
}
    
  .state-span {
  	font-size:43px;
  	border-bottom:solid 3px var(--ltTurq);
  }

 .sponsorship-row {
 	min-height:800px;
 }

 .social-icon {
 	display:inline-block;
 	color:#fff;
 	background:var(--ltTurq);
 	padding:9px 12px 9px;
 	width:50px;
 	text-align:center;
 	background-image:url('images/social-bg.jpg');
 }

 #become-stance-row .wpb_column:first-child {
 	padding-left:0 !important;
 }

 #become-stance-row .wpb_column:nth-child(2) {
 	padding-right:0 !important;
 }


 /*====blog====*/

 .single-post #content {
 	margin-top:150px;
 	max-width:845px;
 	margin-left:auto;
 	margin-right:auto;
 }

 .single-post .entry-header {
 	margin-top:30px;
 }



.page-template-page-blog .display-posts-listing {
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(274px, 1fr));
	grid-gap:35px;
}

.page-template-page-blog #page .display-posts-listing .listing-item:before {
	content:none;
}

#page #search-5 {
	list-style-type:none;
}

#page #search-5:before {
	content:none;
}

#search-5 .search-form {
	align-items:flex-start;
}

#search-5 label {
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-bottom:20px;
}

#search-5 .search-submit {
	padding:14px 20px !important;
}


.page-template-page-blog-php #content, .tag  #content, .category #content, .search #content {
	justify-content:space-between;
	padding-top:75px;
	padding-bottom:75px;
}

.read-more-container .button {
	 display: block;
    background: var(--orange);
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Barlow Condensed';
    text-align: center;
    margin: 20px auto 0 !important;
    max-width: 200px;
}

.resize-featured-image .post-image img {
	height: auto !important;
	object-fit:initial !important;
}

.archive article {
	background:#fff;
	padding-bottom:30px;
}

.archive .site-main, .search .site-main {
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(274px, 1fr));
	grid-gap:35px;
}

.archive .entry-title, .search .entry-title {
	font-size: 36px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: var(--dkTurq);
}

.archive .entry-title a, .search .entry-title a {
	color: var(--dkTurq);
}

.archive article, .search article {
	background:#fff;
	padding-bottom:30px;
}

.archive article, .search article {
    background: #fff;
    padding-bottom: 30px;
    }

.separate-containers .inside-article {
	background:transparent !important;
}

.archive .entry-header, .search .entry-header {
	padding:30px 30px 30px 30px;
}

.archive .entry-summary, .search .entry-summary {
	padding: 0 30px;
}

.page-template-page-blog .listing-item, .archive .listing-item {
	background:#fff;

}

.display-posts-listing .title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: var(--dkTurq);
    padding: 30px 30px 10px 30px;
    display: block;
   }

   .display-posts-listing .excerpt {
    display: block;
    padding: 0 30px 30px 30px;
}

.display-posts-listing .date {
    display: block;
    padding: 0 30px 10px;
    font-size: 16px;
    color: var(--ltTurq);
}

.excerpt-more {
	   display: block;
    background: var(--orange);
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Barlow Condensed';
    text-align: center;
    margin: 20px auto 0 !important;
    max-width: 200px;
}

#search-4 {
	list-style-type:none;
}

#search-4 .search-submit {
	    padding: 14px 20px !important;
}

#page li#search-4:before {
	content:none;
}


.error404 #page {
	margin-top:75px;
	margin-bottom:75px;
}

.widget .search-form {
	display:flex;
	align-items:flex-start;
}

#search-4 label {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 20px;
}
/*=======footer===========*/

.site-footer {
	background-image:url('images/footer-bg.jpg');
	background-repeat:repeat-x;
	background-size:cover;
}

#footer-widgets .widget-title {
	font-size:24px !important;
}

#bz-footer-social-div {
	display:flex;
	justify-content: flex-end;
	margin:20px auto;
}

#bz-footer-social-div a {
	display: inline-block;
	color: #fff;
	background: var(--ltTurq);
	padding: 9px 12px 9px;
	width: 50px;
	text-align: center;
	background-image: url(images/social-bg.jpg);
	margin-right:5px;
}

.become-option-row {
	min-height:208px;
}

#promote-col .vc_column-inner {
	background-position-y:30% !important;
}

.article-blockquote-row-2 {
	min-height:292px;
}

#part-virt-video {
	display:block;
	margin: 0 auto;
}

/*==========responsive============================================*/

@media only screen and (max-width:2000px) {
	.vc_row.margin-adjust {
		margin-top:75px !important;
		margin-bottom:75px !important;
	}

	.vc_row.margin-top-adjust {
		margin-top:75px !important;
	}

	.vc_row.margin-bottom-adjust {
		margin-bottom:75px !important;
	}

	.vc_row.padding-adjust {
		padding-top:75px !important;
		padding-bottom:75px !important;
	}

	.vc_row.padding-top-adjust {
		padding-top:75px !important;
	}

	.vc_row.padding-bottom-adjust {
		padding-bottom:75px !important;
	}
}

@media only screen and (max-width:1280px) {
	.inside-header {
		line-height:70px;
	}

	h1 {
		font-size:54px;
	}

	h2 {
		font-size:42px;
	}
}

@media only screen and (max-width:1230px) {
	#breadcrumbs  {
		padding:0 20px;
		box-sizing:border-box;
	}

}

@media only screen and (max-width:1250px) {

	.header-image {
		max-width:250px;
	}

	#bz-top-bar-social-div {
		left:270px;
	}

	#menu-main {
		margin-top:25px;
	}

	.bz-top-bar-right {
		    grid-template-columns: 1fr 138px;
	}

	#escape-button {
		padding-left:43px;
		padding-right:43px;
	}

}

@media only screen and (max-width:1140px) {
	
	#newsletter-link {
		font-size:20px;
	}

	 #bz-top-bar-social-div {
		display:none;
	}
}

@media only screen and (max-width:1042px) {
	

	h1 {
		font-size:45px;
	}

	h3 {
		font-size:38px;
	}

	#site-navigation, .has-inline-mobile-toggle #site-navigation.toggled {
		background-color:#fff !important;
		margin-top:-20px !important;
	}

	.full-width-row .vc_column-inner {
		padding:12% !important;
	}

	#amount-raised-div {
		max-width:400px;
	}
}

@media only screen and (max-width:1000px) {

	#about-ccasa-row .vc_col-sm-8, #about-ccasa-row .vc_col-sm-4, .tablet-adjust .vc_col-sm-3, .tablet-adjust .vc_col-sm-8, .tablet-adjust .vc_col-sm-4, .tablet-adjust .vc_col-sm-6 {
		width:100% !important;
	}

	.background-col {
		height:400px;
	}

	#fund-group-col .vc_column-inner {
		background-position-y:20% !important;
	}

	.title-col {
		width:100% !important;
		order:1;
	}

	.text-col {
		width:100% !important;
		order:2;
	}


	 #become-stance-row .wpb_column:first-child {
 	padding-left:17.5px !important;
 }

 #become-stance-row .wpb_column:nth-child(2) {
 	padding-right:17.5px !important;
 }

 .page-template-page-blog .display-posts-listing {
		grid-template-columns: repeat(auto-fill, minmax(409px, 1fr));
	}

}

@media only screen and (max-width:900px) {

	#history-top-row .vc_col-sm-8, #history-top-row .vc_col-sm-4  {
		width:100%;
	}

	#amount-raised-div {
		max-width:300px;
	}

}

@media only screen and (max-width:768px) {
	.page-template-page-blog .display-posts-listing {
		grid-template-columns:repeat(1, 1fr);
	}
}

@media only screen and (max-width:767px) {

	

	#masthead {
		margin-top:-72px;
	}

	#collage-row-outer .vc_column-inner, #collage-row-inner .vc_column-inner  {
		min-height:525px;
	}

	#collage-col-1 .vc_column-inner, #collage-col-4 .vc_column-inner {
		background-position-y:14% !important;
	}

	#amount-raised-div {
		max-width:200px;
		font-size:30px;
	}

}

@media only screen and (max-width:730px) {
	.site-logo {
		margin-top:-40px;
	}
}

@media only screen and (max-width:550px) {
	.site-logo {
		margin-top:0;
	}

	

	.inside-header {
		height: 123px;
	}

	#mobile-menu-control-wrapper {
		margin-top:-40px;
	}

	#escape-button, #events-div {
		padding-left:20px;
		padding-right:20px;
	}

	.mobile-padding-adjust .vc_column-inner {
		padding:20px !important;
	}

	#become-intro-row {
		padding:20px !important;
	}
}

@media only screen and (max-width:459px) {
	#denim-fill-row, #denim-fill-row .vc_column-inner {
		padding-left:0 !important;
		padding-right:0 !important;
	}
}

@media only screen and (max-width:428px) {
	#newsletter-link {
		line-height:.5 !important;
	}

	.top-bar-div {
		padding-top:0px;
	}

	#masthead {
    margin-top: -62px;
}
}
