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

@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");
}

@font-face {
    font-family: "GothamBlack";
    src: url("fonts/Gotham-Black-webfont.eot");
    src: url("fonts/Gotham-Black-webfont.eot") format("embedded-opentype"),
         url("fonts/Gotham-Black-webfont.woff2") format("woff2"),
         url("fonts/Gotham-Black-webfont.woff") format("woff"),
         url("fonts/Gotham-Black-webfont.ttf") format("truetype");
}

/*--------------------------------------------------------------
## 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; }

#ccswbFooter { background-color: #cccccc; padding-top: 88px; padding-bottom: 40px; }
#ccswbFooter div { text-align: center; }


#ccswbFooter h1, #ccswbFooter h2 { font-size: 20px; color: #141414; font-family: GothamBold; }
#ccswbFooter p { font-size: 15px; color: #141414; line-height: 18px; }
#ccswbFooter a:link, #ccswbFooter a:visited { text-decoration: underline; color: #141414; }
#ccswbFooter a:hover { text-decoration: underline;  }
#ccswbFooter .widget { padding-left: 10%; padding-right: 10%; }

#ccswbFooterCopyright { background-color: #cccccc; color: #141414; font-size: 12px; padding-bottom: 88px; }
#ccswbFooterCopyright div { text-align: center; }
#ccswbFooterCopyright a:link, #ccswbFooterCopyright a:visited { text-decoration: underline; color: #141414; }
#ccswbFooterCopyright a:hover { color: #ffffff; }

#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; }


#ccswbContent p a:link, #ccswbContent p a:visited { color: #e41e2b; }
#ccswbContentp a:hover { color: #653435; }
.entry-content p a:link, .entry-content p a:visited { color: #e41e2b; }
.entry-content p a:hover { color: #653435; }
#content p a:link, #content p a:visited { color: #e41e2b; }
#content p a:hover { color: #653435; }


.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;}

.communityheader { background-color: #653435; padding:70px;text-align:center;color:#ffffff; margin-bottom: 30px; }
.communityheader p { font-size:33px; line-height:48px; margin: 0; padding: 0; }
.communitycategory { margin-top: 30px; }
.communitycategory p { font-family: GothamBookItalic; }
.communitycategory h1 { color: #000000; }
.communitycontent h2 { margin-top: 52px; }
.communitycontent img { margin: 0; }

.communitycategorywrapper { padding: 20px; background-color: #cccccc; }
.communitycategorywrapper h1 { color: #333333; }
.communitycategorywrapper p { color: #333333; }

.customersheader { padding: 0 35px 30px 35px; }
.customersheader div { background-color: #ffffff; text-align:left;color:#653435; }
.customersheader div p { font-size:33px; line-height:42px; margin: 0; padding: 0; font-weight: bold; }

.customersmycoke div { padding: 30px; }

.customersmycokesection { text-align: center; }
.customersmycokesection img { margin: auto; }
.customersmycokesection h2 { color: #000000; font-size: 22px; }

.customersmycokedifferent { padding: 35px; }
.customersmycokedifferent h2 { margin-bottom: 35px; }
.customersmycokedifferent ul li { margin-bottom: 25px; }
.customersmycokedifferent ul { list-style: none; padding: 0;  margin: 0; }
.customersmycokedifferent li { padding-left: 1em;text-indent: -.7em; }
.customersmycokedifferent li::before { content: "• "; color: #e41e2b;  }


.customershelp { text-align: center; font-size: 24px; }

.customersinquiry { margin-top: 35px; text-align: center; }
.customersinquiry div p { font-size:33px; line-height:48px; margin: 0; padding: 0; font-weight: bold; }

.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;
}

.pure-button {
    color: white !important;
	border-radius: 28px;
	background-color: #e41e2b;
	font-weight: bold;
	padding: 22px 42px 22px 42px;
	text-transform: uppercase;
	text-decoration: none;
}
.pure-button-wide {
    border-radius: 24px;
    padding: 12px 22px 10px 22px;
    font-size: 22px;
}
.press-button {
    color: white !important;
    border-radius: 15px;
    background-color: #e41e2b;
    font-weight: bold;
    padding: 8px 15px 8px 15px;
    text-transform: uppercase;
    font-size: 12px;
	text-decoration: none;	
}
.press-button {
    margin-right: 20px;
}
.ccswbpress h2 { margin-top: 0; padding-top: 0; }
.ccswbpress h3 { color: #141414; }
.ccswbpress-wrapper { padding: 97px; }


.home-main, .home-main .entry-content { background-color: #f9f9f9; padding: 0; }
.home-main .entry-content { padding-top: 20px; }
.home-main p:last-child, .home-main .entry-content p:last-child { margin-bottom: 0; padding-bottom: 0; }

.ccswbsocial { float: left; margin-right: 10px; }
.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 */
.overlay {
    height: 100%;
    width: 0;
    position: fixed; 
    z-index: 1; 
    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;
}

.sp-buttons {
    margin-top: -41px;
}
.sp-button {
    width: 12px;
    height: 12px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
}
.sp-selected-button {
    background-color: #FFFFFF;
}

#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; }	
	
}