/*!
Theme Name: CCSWB
Author: Coca-Cola Studios
Version: 1.0.0
*/

@font-face {
    font-family: "GothamLight";
    src: url("fonts/gotham-light.eot");
    src: url("fonts/gotham-light.eot") format("embedded-opentype"),
         url("fonts/gotham-light.woff2") format("woff2"),
         url("fonts/gotham-light.woff") format("woff"),
         url("fonts/gotham-light.ttf") format("truetype"),
         url("fonts/gotham-light.svg#GothamLight") format("svg");
}

@font-face {
    font-family: "GothamLightItalic";
    src: url("fonts/gotham-lightitalic.eot");
    src: url("fonts/gotham-lightitalic.eot") format("embedded-opentype"),
         url("fonts/gotham-lightitalic.woff2") format("woff2"),
         url("fonts/gotham-lightitalic.woff") format("woff"),
         url("fonts/gotham-lightitalic.ttf") format("truetype"),
         url("fonts/gotham-lightitalic.svg#GothamLightItalic") format("svg");
}

@font-face {
    font-family: "GothamBold";
    src: url("fonts/Gotham-Bold.eot");
    src: url("fonts/Gotham-Bold.eot") format("embedded-opentype"),
         url("fonts/Gotham-Bold.woff2") format("woff2"),
         url("fonts/Gotham-Bold.woff") format("woff"),
         url("fonts/Gotham-Bold.ttf") format("truetype"),
         url("fonts/Gotham-Bold.svg#GothamMediumItalic") format("svg");
}

@font-face {
    font-family: "GothamMediumItalic";
    src: url("fonts/gotham-mediumitalic.eot");
    src: url("fonts/gotham-mediumitalic.eot") format("embedded-opentype"),
         url("fonts/gotham-mediumitalic.woff2") format("woff2"),
         url("fonts/gotham-mediumitalic.woff") format("woff"),
         url("fonts/gotham-mediumitalic.ttf") format("truetype"),
         url("fonts/gotham-mediumitalic.svg#GothamMediumItalic") format("svg");
}


@font-face {
    font-family: "GothamMedium";
    src: url("fonts/gotham-medium.eot");
    src: url("fonts/gotham-medium.eot") format("embedded-opentype"),
         url("fonts/gotham-medium.woff2") format("woff2"),
         url("fonts/gotham-medium.woff") format("woff"),
         url("fonts/gotham-medium.ttf") format("truetype"),
         url("fonts/gotham-medium.svg#GothamMedium") format("svg");
}


@font-face {
    font-family: "GothamBook";
    src: url("fonts/gotham-book.eot");
    src: url("fonts/gotham-book.eot") format("embedded-opentype"),
         url("fonts/gotham-book.woff2") format("woff2"),
         url("fonts/gotham-book.woff") format("woff"),
         url("fonts/gotham-book.ttf") format("truetype"),
         url("fonts/gotham-book.svg#GothamBook") format("svg");
}

@font-face {
    font-family: "GothamBookItalic";
    src: url("fonts/gotham-bookitalic.eot");
    src: url("fonts/gotham-bookitalic.eot") format("embedded-opentype"),
         url("fonts/gotham-bookitalic.woff2") format("woff2"),
         url("fonts/gotham-bookitalic.woff") format("woff"),
         url("fonts/gotham-bookitalic.ttf") format("truetype"),
         url("fonts/gotham-bookitalic.svg#GothamBookItalic") format("svg");
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

* { overflow-wrap: break-word; }
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}




.pure-g > div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.l-box {
	padding: 1em;
}
.pad-left-standard-only {
	padding-left: 30px;	
}
.pad-right-standard-only {
	padding-right: 30px;	
}
.pad-left-standard-only img, .pad-right-standard-only img { margin-top: 50px; }



html, body { margin: 0; }
		
* { font-family: GothamBook; }

h1, h2, h3 { font-family: GothamBold; color: #e41e2b; }

p { line-height: 20px; }

b, optgroup, strong {
font-family: GothamMedium;
    font-weight: normal;

}
/*
.pure-button:visited { color: #ffffff; }

#content { background-color: #ffffff; }

#ccswbWrapper { max-width: 1366px; margin: auto; }

#ccswbContent, .entry-content { padding: 97px; background-color: #ffffff; }

#page .entry-content { padding-top: 75px; }

#ccswbLogo { float: left; }

#ccswbHeader { padding: 26px 0px 26px 0px; overflow: auto; background-color: #ffffff; }
#ccswbHeader ul { list-style: none; float: right; }
#ccswbHeader ul  li { display: inline; font-family: GothamMedium; text-transform: uppercase; }
#ccswbHeader ul  li  a:link, #ccswbHeader ul  li a:visited { color: #e41e2b; text-decoration: none;  }
#ccswbHeader ul  li  a:hover { color: #653435; }
#ccswbHeader ul  li:hover, #ccswbHeader ul  .current_page_item  { color: #653435; border-bottom: 3px solid #653435; }
#ccswbHeader ul  .current_page_item a:link, #ccswbHeader ul  .current_page_item a:visited { color: #653435; }


#ccswbHeaderLeft { width:194px;float:left; }
#ccswbHeaderMiddle { width:980px;float:left; }
#ccswbHeaderRight { width:192px;float:left; }


.standard-only { display: block !important; }
.mobile-only { display: none !important; }
#mobilemenu { display: none; }
.page-content, .entry-content, .entry-summary {
    margin: 0; 
}
.entry-content img {max-width: 100%;
    height: auto;}

.entry-content ul  li  a:link, .entry-content ul  li a:visited { color: #e41e2b; text-decoration: underline;  }
.entry-content ol  li  a:link, .entry-content ol  li a:visited { color: #e41e2b; text-decoration: underline;  }
.entry-content ul  li  a:hover { color: #653435; }
.entry-content ol  li  a:hover { color: #653435; }

.main-navigation {
	margin-top: 41px;
    float: left;
    width: auto;
}
.page .hentry { margin: 0; }

.entry-content li { line-height: 20px; }

#primary-menu { margin: auto; }

#primary-menu li {
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
	padding-bottom: 1px;
}
#primary-menu li a:link {
	font-family: GothamBold;
}
#primary-menu li a:link, #primary-menu li a:visited {
	color: #222222;
}
#primary-menu li a:hover {
	color: #2d98d4;
}

#primary-menu .menu-item {
	padding: 0;
    padding-bottom: 5px;
    margin-left: 50px;
}
.sub-menu {
	background-color: #e8e8e8; 
}
.menu-menu-1-container { display: inline-block; }

#primary-menu-mobile {
	list-style: none;
	margin: 0;
	padding: 0;
}
#primary-menu-mobile li {
	padding: 0px;
	list-style-type: none;
}
#primary-menu-mobile li a:link {
	font-family: GothamMedium;
}
#primary-menu-mobile li a:link, #primary-menu-mobile li a:visited {
	color: #f1f1f1;
}
#primary-menu-mobile li a:hover {
	color: #ffffff;
}
#primary-menu-mobile  .sub-menu {
	background-color: #e41e2b; 
	list-style: none;
	padding-left: 0;
}
*/
/* Mobile Menu */

.mobile-only { display: none !important; }
#mobilemenu { display: none; }

.overlay {
    height: 100%;
    width: 0;
    position: fixed; 
    z-index: 7; 
    left: 0;
    top: 0;
    background-color: #e41e2b; 
    /*background-color: rgba(0,0,0, 0.9);*/ 
    overflow-x: hidden; 
    transition: 0.5s; 
}

.overlay-content {
    position: relative;
    width: 100%; 
    text-align: left; 
    margin-top: 60px; 
	margin-left: 37px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 18px;
    display: block; 
    transition: 0.3s; 
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
   /* top: 10px; 
    right: 45px;*/
    font-size: 48px;
	left: 14px;
}
.overlay-menu-option {
	margin-bottom:0;padding-bottom:0;
}
#homelogo { float: left;  }
#homelogoright { float: left;  }
/*
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #e41e2b; 
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #e41e2b;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #2c760c;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
	border: 2px solid #e41e2b;
}

div.wpcf7-spam-blocked {
	border: 2px solid #e41e2b;
}
*/
.press_releases  .entry-title { text-align: center; }  
@media (max-width: 48em) {
	.communityheader p {
    font-size: 22px;
    line-height: 27px;}
	.communityheader { padding: 30px; }

	#ccswbHeaderLeft { width:auto;float:none;margin: auto; }
#ccswbHeaderMiddle { display: none; }
#ccswbHeaderRight { display: none; }
	#ccswbHeader  { padding: 30px 10px 20px 10px; text-align: center; }
	ul {     padding-left: 18px; }
	.entry-content { padding: 25px;  }
	.ccswbpress-wrapper { padding: 50px; }
	.content-wrapper  { width: auto; margin: auto;  }
	#site-navigation { display: none; }
	#homelogoright { display: none; }	
	#homelogo { margin: auto; float: none; /*margin-left: -41px;*/ }
	#page .entry-content { padding-top: 25px; }	
	.flickity-page-dots { display: none; }
	.mobile-only { display: block !important; }
	.standard-only, .hideonmobile { display: none !important; }
	#mobilemenu { display: block; float: left; margin-left: 10px; }
	.home #site-navigation { margin-bottom: 0px; }
	.main-carousel-mobile { padding-bottom: 30px; }
	#ccswbFooter { padding-top: 50px; padding-bottom: 108px; }
	.pad-left-standard-only { padding-left: 0px;	 }
	.pad-right-standard-only { 	padding-right: 0px;	 }
	.pure-button {
		color: white;
		border-radius: 28px;
		background-color: #e41e2b;
		font-weight: bold;
		padding: 12px 22px 12px 22px;
		text-transform: uppercase;
		font-size: 12px;
	}
	.customersheader { padding: 0; }
	.customersheader div { padding-bottom: 25px; }
	.customersheader div p { font-size:30px; line-height:36px; margin: 0; padding: 0; font-weight: bold; }	  
	.customersmycokedifferent { padding: 0px; padding-top: 25px; }	
}
@media (max-width: 1400px) {
	#ccswbHeaderLeft { width: 160px; }
	#ccswbHeaderLeft img { width: 160px; }
	#ccswbHeaderMiddle { margin-left: 20px; width: auto;}
	#ccswbHeaderRight { width: 158px; float: right; }
	#ccswbHeaderRight img { width: 158px; }
	#primary-menu .menu-item { margin-left: 44px; }	
	
}


/********* 2022 **************/
#ccswbWrapper { max-width: none; }
.site-header { max-width: 1366px; margin: auto; }

#ccswbHeaderLeft { width: 224px; }
#ccswbHeaderMiddle { width: 1112px; }
.main-navigation { float: right; }
.wrapper2022 { max-width: 1366px; margin: auto; }

.home-main, .home-main .entry-content {
    background-color: #ffffff; 
}
/*
.video-container {
z-index: -100;
width:100%;
height:75%;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
*/



#page .entry-content {
    padding-top: 0;
}
.home-main .entry-content {
    padding-top: 0;
}
#ccswbHeader {
    padding: 26px 0px 26px 0px;
    overflow: hidden;
	background: none; 
	height: 129px;
}


#ccswbHeader ul li a:link, #ccswbHeader ul li a:visited {
    color: #000000;
    text-decoration: none;
	font-size: 14px;
    font-weight: normal;	
	letter-spacing: 2px;	
	margin-right: -2px;
}

#ccswbHeader ul li a:hover {
    color: #C91235;
}

#ccswbHeader ul .current_page_item a:link, #ccswbHeader ul .current_page_item a:visited {
    color: #C91235;
}

#ccswbHeader ul li:hover, #ccswbHeader ul .current_page_item {
    color: #C91235;
    border-bottom: 2px solid #C91235;

}

#primary-menu .menu-item {
    padding: 0;
    padding-bottom: 5px;
    margin-left: 50px;
}
#ccswbHeader ul li {
    display: inline;
    font-family: GothamMedium;
    text-transform: uppercase;
}

#ccswbContent, .entry-content {
   padding: 0;
   margin: 0;
}
.homed1 {
padding-bottom:600px;
}
.mobileonly {
	
	display: none !important;	
}
.desktoponly {
	
}


#ccswbHeader ul li:last-child a:link, #ccswbHeader ul li:last-child a:visited {
color: white !important;
    border-radius: 28px;
    background-color: #C91235;
    font-weight: bold;
padding: 9px 18px 7px 20px;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid #C91235;
    letter-spacing: 2px;
    font-size: 15px;
	cursor: hand;
	cursor: pointer;
	margin-top: -15px;
}
#ccswbHeader ul li:last-child:hover {
    color: #C91235;
    border-bottom: 0;
}



@media (max-width: 768px) {	

.cclogo { border-radius: 50%;float:none;margin: 0px 0px 0 0px;width: 240px;  margin: auto; margin-bottom: 30px; }
.sustainintro { padding: 0 0 0 0px; }   
.mobileonly { 	display: block !important;	}
.desktoponly { display: none !important; }	
.centeronmobile { margin: auto; text-align: center; }
.padsidesmobile { padding: 0 20px; }
.button2022 {    padding: 15px 24px 13px 26px;    font-size: 14px;}
.homed1 { padding-bottom: 20px; background-image: none; background-color: #C91235; }
.toppadlarge { padding-top: 20px; }
.bottompadlarge { padding-bottom: 20px; }
.toppadsmall { padding-top: 8px; }
.bottompadsmall { padding-bottom: 8px; }
.container .outer {    padding-top: 100%; /* defines aspect ratio */ }
.homeourproducts { font-size: 24px; line-height: 30px; }
h1 { font-size: 28px; }
.careersheader { background-image: url('https://cocacolaswb.com/wp-content/themes/ccswb/images/Careers_Hero_Mobile.jpg');background-position: bottom center; }
.sustainabilityheader { background-image: url('https://cocacolaswb.com/wp-content/themes/ccswb/images/Sustainability_Hero_Mobile.jpg');background-position: top center; }
.container .outer-careers { padding-top: 215%; }
#CareersCulture { background-image: none; }
.careersdiversity { padding-top: 0; }
#CareersBenefits h1 { padding-bottom: 20px; }
#CareersBenefits img {     text-align: center;    margin: auto;    width: 80px;    padding: 20px;}
#CareersBenefits p { text-align: left; padding-top: 33px;font-size: 14px; margin-bottom: 10px;}
.benefititem { text-align: left; }
.careersourteam p { padding: 0; }
.careers9right { border-left: 0;   padding-top: 50px; } 
#CareersYourRole h1 {    font-size: 36px;}
.container .outer-sustainability {     padding-top: 75%; }
.sustainabilityitem  { padding-left: 30px; }
.sustainabilityitem2 { padding-left: 0px; }
.sustainabilityitem h2 {margin-top: 0px; }
.sustainabilityitem p { margin-top: 0px; }
.donationsectionwrapper { padding:25px; }
.donation1 p { font-family: "GothamMedium"; font-size: 15px; }
.donation3 h2 { font-size:18px;line-height:21px; }
.donation1 p:last-child {    margin-bottom: 0px; }
.donation1 p:first-child {    margin-bottom: 5px;font-family: "GothamMedium";font-size: 17px; }
.donation2 { text-align: right; }
.donation2 img { width: 200px; }
.donation1 h1 {

font-size:36px;
margin-top: 0;
    border-bottom: 2px solid #c91235;
    padding-bottom: 14px;
    display: inline-block;
    margin-bottom: 14px;
}
.button2022mobile { padding: 11px 9px 9px 11px; font-size: 12px; }
.donation2 img {
    margin-bottom: -78px;
    width: 160px;
    margin-top: -60px;
    padding-right: 10px;
}
#donationcriteria {
    padding: 0;
}

button, input, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    width: 100%;
}
#background-video {
  height: 50vh;
}
}