/*
Theme Name:   idc
Description:  Write here a brief description about your child-theme
Author:       idcpro
Author URL:   http://idcpro.wpengine.com
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  idc
*/

/* Write here your own personal stylesheet */


@charset "UTF-8";
/* CSS Document */

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3e624a");
@font-face {
	font-family: "FestivoLettersNo1";
	src: url('webFonts/FestivoLettersNo1/font.woff2') format('woff2'), url('webFonts/FestivoLettersNo1/font.woff') format('woff');
}
@font-face {
	font-family: "FestivoLettersNo2";
	src: url('webFonts/FestivoLettersNo2/font.woff2') format('woff2'), url('webFonts/FestivoLettersNo2/font.woff') format('woff');
}
@font-face {
	font-family: "FestivoLettersNo3";
	src: url('webFonts/FestivoLettersNo3/font.woff2') format('woff2'), url('webFonts/FestivoLettersNo3/font.woff') format('woff');
}
@font-face {
	font-family: "FestivoLettersNo6";
	src: url('webFonts/FestivoLettersNo6/font.woff2') format('woff2'), url('webFonts/FestivoLettersNo6/font.woff') format('woff');
}
@font-face {
	font-family: "FestivoLettersNo18";
	src: url('webFonts/FestivoLettersNo18/font.woff2') format('woff2'), url('webFonts/FestivoLettersNo18/font.woff') format('woff');
}
@font-face {
	font-family: "FestivoLettersNo19";
	src: url('webFonts/FestivoLettersNo19/font.woff2') format('woff2'), url('webFonts/FestivoLettersNo19/font.woff') format('woff');
}
@font-face {
	font-family: "FranklinDemiCondensed";
	src: url('webFonts/FranklinGothicLTProCnDm/font.woff2') format('woff2'), url('webFonts/FranklinGothicLTProCnDm/font.woff') format('woff');
}
@font-face {
	font-family: "FranklinBookCompressed";
	src: url('webFonts/FranklinGothicLTProBkCm/font.woff2') format('woff2'), url('webFonts/FranklinGothicLTProBkCm/font.woff') format('woff');
}
@font-face {
	font-family: "FranklinBookCondensed";
	src: url('webFonts/FranklinGothicLTProCnBk/font.woff2') format('woff2'), url('webFonts/FranklinGothicLTProCnBk/font.woff') format('woff');
}
@font-face {
	font-family: "FranklinDemiCompressed";
	src: url('webFonts/FranklinGothicLTProDmCm/font.woff2') format('woff2'), url('webFonts/FranklinGothicLTProDmCm/font.woff') format('woff');
}
body {
	font-family: Roboto, Helvetica, Arial, "sans-serif";
	line-height: 1.4em;
	font-size: 16px;
	color: #000;
	font-weight: normal!important;
}
/* NAVIGATION 
**********************************/
/* #et-top-navigation {
	float: none;
	margin-left: 357px;
	margin-right: auto;
	padding-left: 0!important;
} */

a:hover {
	text-decoration: underline!important;
}

.nav li {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 18px!important;
	line-height: 36px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
#top-menu a:hover {
	color: #ED1C24;
}
.mobile_menu_bar .mobile_menu_bar_toggle ::before {
	color: #fff;
}
#top-menu>li:last-child {
	padding-right: 0;
	margin-left: 40px;
}

li.menu-item-535 {
	margin-left: 0!important;
}

#top-header, #et-secondary-nav li ul {
    background-color: #000!important;
}


li.menu-item-410 a {
	font-size: 12px!important;
	text-transform: none;
}
.drink-responsibly {
	/* #Global Header Responsibility */


/* Desktop/Legal: Roboto Light. 12pt */
	font-family: Roboto;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 34px;
	/* identical to box height, or 150% */
	text-align: right;
	/* IDC / Primary / White */
	color: #FFFFFF;
}
h1, h2, h3, h4, h5 {
	line-height: 1.3em;
 font-family: Poppins, Roboto. Helvetica, Arial, "sans-serif";
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #000;
}
h1 {
	font-size: 72px;
}
h1.homehead {
	/* #Homepage Main Headline */

	font-size: 48px;
	line-height: 48px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}
h1.homewho {
	/* #Homepage WhoWeAre Headline */
	font-size: 60px;
	line-height: 60px;
	text-align: right;
	letter-spacing: 0.08em;
}
h2 {
	font-size: 72px;
}
h2.homesubhead {
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding-bottom: 34px;
}
h2.subhead {
	font-size: 36px;
	padding-bottom: 64px;
}
h2.our-roots {
	text-align: right;
}
h1 span, h2 span {
	color: #ED1C24;
}
.et-l--footer h2 {
	font-size: 18px;
	text-transform: uppercase;
}
h3 {
	font-family: Roboto;
	font-weight: 300;
	font-size: 24px;
	letter-spacing: 0.05em;
}
h5 {
	font-size: 18px;
	text-transform: uppercase;
}
p {
	font-size: 16px;
}
/* button
**********************/

.et_pb_button {
	color: #fff;
	padding-right: 3em;
	padding-left: 1.7em;
}
/* DOS LOCOS
***********************/
.FestivoLettersNo1 {
	font-family: FestivoLettersNo1;
}
.FestivoLettersNo2 {
	font-family: FestivoLettersNo2;
}
.FestivoLettersNo3 {
	font-family: FestivoLettersNo3;
}
.FestivoLettersNo6 {
	font-family: FestivoLettersNo6;
}
.FestivoLettersNo18 {
	font-family: FestivoLettersNo18;
}
.FestivoLettersNo19 {
	font-family: FestivoLettersNo19;
}
.dos-locos h1 {
	font-family: FestivoLettersNo3;
	font-style: normal;
	font-weight: normal;
	font-size: 5.5em;
	line-height: 1em;
	text-align: center;
	letter-spacing: -0.05em;
	color: #1D1D1D;
}
.dos-locos h2 {
	font-family: FestivoLettersNo1;
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
	color: #E4F1E2;
}

.dos-locos h2.fr {
	font-size: 33px;
	line-height: 44px;
}

h2.where-to-buy-doslocos {
	font-family: FestivoLettersNo1!important;
	font-style: normal;
	font-weight: normal;
	font-size: 58px;
	line-height: 58px;
	text-align: center;
	color: #348340;
}
.dos-locos h3 {
	font-family: FestivoLettersNo1;
	font-style: normal;
	font-weight: normal;
	font-size: 60px;
	line-height: 36px;
	letter-spacing: 0.05em;
	color: #FFFFFF;
}
.dos-locos h4 {
	font-family: FestivoLettersNo1;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #E4F1E2;
}
.dos-locos-products h1 {
	font-family: FestivoLettersNo2;
	font-style: normal;
	font-weight: normal;
	font-size: 175px;
	line-height: 125px;
	letter-spacing: -0.05em;
	color: #348340;
}
.dos-locos-products h1.letter6 {
	font-family: FestivoLettersNo6;
}
.dos-locos-products h2 {
	font-family: FestivoLettersNo19;
	font-style: normal;
	font-weight: normal;
	font-size: 30px!important;
	line-height: 23px;
}
.dos-locos-products h3 {
	font-family: FestivoLettersNo3;
	font-style: normal;
	font-weight: normal;
	font-size: 30px!important;
	line-height: 1em;
}
.dos-locos-products h2 span, .dos-locos-products h3 span {
	font-size: 16px!important;
	color: #1d1d1d;
	text-transform: none!important;
}
.dos-locos p {
	font-family: Roboto, Helvetica, Arial, "sans-serif";
}


/* Twisted Shotz
***********************/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=59edc6c6-7b49-41c5-8500-4623b5c2452c&fontids=1385236");
@font-face {
	font-family: "Blur";
	src: url("Fonts/1385236/b61d6a73-8cf9-4ca4-aed6-f036fe6b0013.woff2") format("woff2"), url("Fonts/1385236/83f5bd48-7d23-4bd5-befb-79da6c5fd75e.woff") format("woff");
}
.twisted h1 {
	font-family: Blur;
	font-style: normal;
	font-weight: normal;
	font-size: 4.5em;
	line-height: 1em;
	text-align: center;
	letter-spacing: -0.05em;
	color: #1D1D1D;
}
.twisted h2 {
	font-family: Blur;
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
	text-transform: uppercase;
	background: -webkit-linear-gradient(48deg, #D4155E, #804D7D, #157F80);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

h2.where-to-buy-twisted {
	font-family: Blur;
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
	text-transform: uppercase;
	background: -webkit-linear-gradient(48deg, #D4155E, #804D7D, #157F80);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.twisted h3 {
	font-family: Blur;
	font-style: normal;
	font-weight: normal;
	font-size: 60px;
	line-height: 36px;
	letter-spacing: 0.05em;
	color: #FFFFFF;
}
.twisted h4 {
	font-family: Blur;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
}
.twisted-products h1 {
	font-family: Blur;
	font-style: normal;
	font-weight: normal;
	font-size: 170px;
	line-height: 125px;
	letter-spacing: -0.05em;
	background: -webkit-linear-gradient(#C85014, #D44047, #600447);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.twisted-products h1.letter6 {
	font-family: Blur;
}
.twisted-products h2 {
	font-family: Blur;
	font-style: normal;
	font-weight: normal;
	font-size: 30px!important;
	line-height: 1.2em;
	background: -webkit-linear-gradient(260deg, #22808B, #1C4779);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.twisted-products h3 {
	font-family: Blur;
	font-style: normal;
	font-weight: normal;
	font-size: 30px!important;
	line-height: 1em;
}
.twisted-products h2 span, .dos-locos-products h3 span {
	font-size: 16px!important;
	color: #1d1d1d;
}
.twisted-products h2 span {
	font-family: Roboto;
	font-weight: bold;
	color: #000!important;
	background: none;
}
.twisted p {
	font-family: Roboto, Helvetica, Arial, "sans-serif";
	font-weight: normal;
}
/* Alive
***********************/

.FranklinBookCompressed {
	font-family: "FranklinBookCompressed";
}
.FranklinDemiCompressed {
	font-family: "FranklinDemiCompressed";
}
.FranklinBookCondensed {
	font-family: "FranklinBookCondensed";
}
.FranklinDemiCondensed {
	font-family: "FranklinDemiCondensed";
}
.alive h1 {
	font-family: FranklinDemiCondensed;
	font-style: normal;
	font-weight: 500;
	font-size: 70px!important;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
	color: #0E4F9A!important;
	margin-bottom: 30px;
}
.alive h1 span {
	color: #0E4F9A;
	font-family: FranklinBookCondensed;
	font-style: normal;
	font-size: 70px;
}
.alive h2 {
	font-family: FranklinDemiCondensed;
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	line-height: 48px;
	/* or 100% */
	text-align: center;
	text-transform: uppercase;
}
.alive h3 {
	font-family: FranklinDemiCondensed;
	font-style: normal;
	font-weight: normal;
	font-size: 60px;
	line-height: 36px;
	letter-spacing: 0.05em;
	color: #FFFFFF;
}
.alive h4 {
	font-family: FranklinDemiCondensed;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
.alive-products h1 {
	font-family: FranklinDemiCondensed;
	font-style: normal;
	font-weight: normal;
	font-size: 170px;
	line-height: 125px;
	letter-spacing: -0.05em;
	color: #0E4F9A;
	letter-spacing: normal;
}
.alive-products h1 span {
	font-family: FranklinDemiCondensed;
	font-style: normal;
	font-weight: 500;
	font-size: 80px;
	line-height: 1em;
	text-transform: uppercase;
	color: #0E4F9A;
	letter-spacing: normal;
}
.alive-products h2 {
	font-family: FranklinDemiCondensed;
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 1em;
	/* or 100% */
	text-transform: uppercase;
	color: #1D1D1D;
}
.alive-products h3 {
	font-family: FranklinDemiCondensed;
	font-style: normal;
	font-weight: normal;
	font-size: 30px!important;
	line-height: 1em;
}
.alive-products h2 span {
	font-size: 16px!important;
	color: #1d1d1d;
}
.alive-products h2 span {
	font-family: Roboto;
	font-weight: bold;
	color: #000!important;
	background: none;
}
.alive p {
	font-family: Roboto, Helvetica, Arial, "sans-serif";
	font-weight: normal;
}
/* Mudshake
***********************/
@font-face {
	font-family: "Domaine";
	src: url('webFonts/domaine/domaine-display-narrow-web-bold.woff2') format('woff2'), url('webFonts/domaine/domaine-display-narrow-web-bold.woff') format('woff');
}
.mudshake h1 {
	font-family: Domaine;
	font-style: normal;
	font-weight: 500;
	font-size: 84px!important;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
	color: #FAF1B9!important;
	margin-bottom: 60px;
}
.mudshake h1 span {
	color: #0E4F9A;
	font-family: Poppins;
	font-style: normal;
	font-size: 70px;
}
.mudshake h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
	text-transform: uppercase;
}

h2.where-to-buy-mudshake {
	font-family: Domaine!important;
	font-style: normal;
	font-weight: bold;
	font-size: 48px!important;
	line-height: 48px!important;
	text-align: center;
	text-transform: uppercase;
	color: #342E28;
}

.mudshake h3 {
	font-family: Domaine;
	font-style: normal;
	font-weight: normal;
	font-size: 60px;
	line-height: 36px;
	letter-spacing: 0.05em;
	color: #342E28;
}
.mudshake h4 {
	font-family: Domaine;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
	color: #FAF1B9;
}
.mudshake-products h1 {
	font-family: Domaine;
	font-style: normal;
	font-weight: normal;
	font-size: 170px;
	line-height: 125px;
	letter-spacing: -0.05em;
	color: #342E28;
	letter-spacing: normal;
}
.mudshake-products h1.fr {
	font-family: Domaine;
	font-style: normal;
	font-weight: normal;
	font-size: 7em;
	line-height: 1em;
	letter-spacing: -0.05em;
	color: #342E28;
	letter-spacing: normal;
}
.mudshake-products h1 span {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 80px;
	line-height: 1em;
	text-transform: uppercase;
	color: #342E28;
	letter-spacing: normal;
}
.mudshake-products h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 1em;
	/* or 100% */
	text-transform: uppercase;
	color: #1D1D1D;
}
.mudshake-products h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 30px!important;
	line-height: 1em;
}
.mudshake-products h2 span {
	font-size: 16px!important;
	color: #1d1d1d;
}
.mudshake-products h2 span {
	font-family: Roboto;
	font-weight: bold;
	color: #000!important;
	background: none;
}
.mudshake p {
	font-family: Roboto, Helvetica, Arial, "sans-serif";
	font-weight: normal!important;
}
/* AGE GATE
**********************/
.ac-overlay {
	background: #333;
}
.ac-container {
	border-radius: 0px;
	box-shadow: none;
	padding: 0px 0 25px;
	border-bottom: none;
	border-top: none;
	width: 80% !important;
	background-color: transparent!important;
}
.ac-container button {
	border: 1px solid #fff;
	border-radius: 0px !important;
	padding: 8px 0px 8px;
	font-size: 14px;
	line-height: 1.5;
	width: 150px;
	margin-top: 3px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 2px;
	background: #fff;
	color: #000!important;
	font-weight: 600;
	font-family: Roboto, 'Open Sans', sans-serif;
	display: inline-block;
	text-transform: uppercase;
}
.ac-container button:hover {
	border: 1px solid #000;
	background: #000;
	color: #fff!important;
}
.ac-container p {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 28px!important;
	line-height: 28px!important;
	/* or 100% */
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	/* IDC/Primary/VodkaWhite */
	color: #F2F1FF;
}

@media(max-width:767px) {
.ac-container {
	left: 4% !important;
	top: 4% !important;
	transform: translate(0%, 0%) !important;
	width: 92% !important;
	position: relative !important;
	margin-top: 17px !important;
	margin-bottom: 17px !important;
}
}

@media(max-width:767px) {
#top-menu>li:last-child {
	padding-right: 0;
	margin-left: 10px;
}
	
	.nav li {
	font-size: 14px!important;
	line-height: 36px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
	
h1 {
	font-size: 35px;
}
h2.subhead {
	font-size: 22px;
	padding-bottom: 20px;
}
h2.our-roots {
	text-align: left;
	font-size: 30px;
	line-height: 1em!important;
}
h1.homehead {
	font-size: 21px;
	line-height: 1em;
}
h1.about-us {
	padding-top: 165px;
}
.drink-responsibly {
	display: none;
}
.mudshake h1 {
	font-size: 30px!important;
	margin-bottom: 10px;
}
.mudshake h2 {
	font-size: 21px!important;
	line-height: 1em!important;
}
.mudshake h3, .mudshake h4, .alive h3, .alive h4, .twisted h3, .twisted h4, .dos-locos h3, .dos-locos h4 {
	font-size: 20px;
	line-height: 1em!important;
}
div.et_pb_section.et_pb_section_0.mudshake {
	background-image: linear-gradient( 180deg, #513460 100%, #ffffff 100%)!important;
}
.mudshake-products h1, .mudshake-products h1.fr {
	font-size: 45px;
}
.twisted h1 {
	font-size: 2.5em!important;
}
.twisted h2 {
	font-size: 2em!important;
	line-height: 1em!important;
}
.twisted-products h1 {
	font-size: 3em!important;
}
.dos-locos h1 {
	font-size: 3em!important;
	line-height: 1em;
}
.dos-locos h2 {
	font-size: 32px!important;
	line-height: 1em;
}
.dos-locos-products h1 {
	font-size: 65px!important;
	line-height: 1em;
}
.alive h1 {
	color: #fff!important;
	font-size: 40px!important;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.alive h1 span {
	color: #fff!important;
	font-family: FranklinBookCondensed;
	font-style: normal;
	font-size: 30px;
}
.alive h2 {
	font-family: FranklinDemiCondensed;
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 1em;
}
.alive-products h1 span {
	font-size: 35px;
	line-height: 1em;
}
	
	h2.where-to-buy-doslocos, h2.where-to-buy-mudshake, h2.where-to-buy-twisted, h2.where-to-buy-alive {
	font-size: 28px!important;
	line-height: 28px!important;
	}
	
}

.no-margin {margin-bottom: 0!important;}