/*
 Theme Name:     Brandefined - Child Theme
 Theme URI:      http://dev.brandefined.net/site/wp-content/themes/brandefined-divi-child-24
 Description:    Brandefined Child Theme
 Author:         Brandefined
 Author URI:     http://www.brandefined.com
 Template:       Divi
 Version:        1.1.0
*/

/**********[ font @imports ]**********/
@import url(http://allfont.net/allfont.css?fonts=montserrat-light);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Corben:400,700);

/**********[ CSS @imports ]**********/
@import "css/gabriel.css";
@import "css/scott.css";
@import "css/damien.css";
@import "css/erik.css";
@import "css/jino.css";
/*@import "css/lalena.css";*/


/**********[ Header & Top Nav ]**********/

#main-header .container { max-width: 1200px; }


/**********[ Body ]**********/
body { font-family: 'Montserrat Light', 'Montserrat' !important; }


/**********[ Media Queries ]**********/

@media (max-width: 980px) {
	.container.et_menu_container { 
		width: calc( 100% - 60px);
	}
	.et_mobile_menu {
		margin-left: -30px;
		padding: 5%;
		width: calc( 100% + 60px);
	}
	.mobile_nav.opened .mobile_menu_bar:before {
		content: "\4d";
	}
}


/**********[ Brandefined Link Animation ]**********/

.brandefined-logo-container { width:auto; display:inline-block; overflow:hidden; margin-left:5px; }
.overflow-container { overflow:hidden; display:inline-block; padding-left:10px; margin-left:-10px; }
.brandefined-logo { color: white; }
.brandefined-logo img { -webkit-transition:.75s; -moz-transition:.75s; -o-transition:.75s; transition:.75s; z-index:100; }
.brandefined-logo img { margin-bottom:4px; margin-right:5px; opacity:.4; }
.brandefined-logo span { font-weight:bold; opacity:0; }
.brandefined-logo-container { cursor:pointer; }
.brandefined-logo-container:hover .brandefined-logo img { opacity:1; }
.brandefined-logo-container .brandefined-logo span { margin-left:-150px; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
/*---> Relies on some JS to add/remove class <---*/
.brandefined-logo-container .brandefined-logo span.show { margin-left:0; opacity:1; }


/**********[ collapse submenus on mobile ]**********/

#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }


/**********[  i'm too flexy for my grid ]**********/

.bd-flex-grid {position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; }
.bd-flex-col-1-2 { flex: 1; flex-basis: 49%; max-width: 49%; margin-bottom: 10px; }
.bd-flex-col-1-3 { flex: 1; flex-basis: 31%; max-width: 31%; margin-bottom: 10px; }
.bd-flex-col-2-3 { flex: 1; flex-basis: 65%; max-width: 65%; margin-bottom: 10px; }
.bd-flex-col-1-4 { flex: 1; flex-basis: 24%; max-width: 24%; margin-bottom: 10px; }
.bd-flex-col-1-5 { flex: 1; flex-basis: 19%; max-width: 19%; margin-bottom: 10px; }
@media only screen and (max-width: 981px) {
  .bd-flex-col { flex-basis: 33%; }
}
@media only screen and (max-width: 768px) {
  .bd-flex-col { flex-basis: 50%; }
}
@media only screen and (max-width: 700px) {
  .bd-flex-grid { margin-left: 0; }
  .bd-flex-col { flex-basis: auto; }
}


/**********[  Order Form  ]**********/
.donuts-form ul {
    padding: 0 !important;
    position: relative !important;
}
.donuts-form h2 {
    display: inline-block !important;
    font-size: 24px !important;
}
.donuts-form .column-count-2-of-3,
.donuts-form .column-count-3-of-3 {
    padding-left: 30px !important;
}
.donuts-form ol li {
    font-size: 16px;
    line-height: 23px;
}
.donuts-form .specialty {
    color: #e02b20;
}
.donuts-form .gform_confirmation_message {
    text-align: center;
}
.donuts-form li.gfield_price .gfield_label {
    font-weight: normal !important;
    font-size: 18px;
}
.donuts-form .indiv-price-show.gfield_price .gfield_label {
	padding-left: 0;
}
.donuts-form ul.gform_fields li.indiv-price-show {
    margin: 15px 0 !important;
}

.donuts-form .gfield_description {
	padding-top: 0px !important;
    font-size: 14px !important;
    color: #666;
}
.donuts-form li small {
    font-size: 16px !important;
    padding: 0px !important;
    color: #000000;
	font-weight: bold;
}
.donuts-form li.select-checkbox .gfield_label {
    padding-left: 0px !important;
    font-weight: bold !important;
    font-size: 18px;
}
.donuts-form li.select-checkbox .gfield_description {
    padding-left: 0px !important;
}
.donuts-form li.select-checkbox input {
    height: 15px !important;
}
.donuts-form .select-sodas .gfield_description {
    padding-left: 0px !important;
}
.donuts-form li.select-sodas .gfield_label {
    padding-left: 0px !important;
    font-weight: bold !important;
    font-size: 18px;
}
li.select-sodas label:empty,
li.select-checkbox label:empty,
label.gfield_label:empty {
    display: none !important;
}
.donuts-form li.sodas-syrups {
    font-size: 16px;
}
.donuts-form li.sodas-syrups label {
	display:none !important;
}
.donuts-form li.sodas-syrups-button {
    padding-top: 20px !important;
}
.donuts-form li.sodas-syrups-button {
    margin: 0px 0px 30px 0px !important;
}
.donuts-form li.sodas-syrups-button a {
    color: #ffffff!important;
    background: #000000;
    font-size: 16px;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
.donuts-form li.sodas-syrups-button a:hover {
    color: #000 !important;
    background: #fff;
    border: 2px solid #000;
}
.donuts-form li.form_bold {
    margin: 0px 0px 20px !important;
}
.donuts-form #gform_page_7_1 .ginput_container.ginput_container_checkbox {
    padding-bottom: 15px;
    margin: 0px !important;
    text-align: center;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox {
    margin-top: 0px !important; 
}
.donuts-form li.checkbox-menu label.gfield_label {
    display: none !important;
}
.donuts-form ul.gfield_checkbox{
	margin: 0px !important;
}
.donuts-form ul.gfield_checkbox li input {
    height: 15px !important;
}
.donuts-form ul.gfield_checkbox li input[type=checkbox]:checked+label {
    font-weight: normal !important;
}
.donuts-form li.gfield_total .gfield_label {
    font-weight: bold !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
	padding-left: 0px;
}
.donuts-form ul.gform_fields li.gfield {
    margin: 5px 0px;
}
.donuts-form .gfield_label{
	width: 80%;/*83%;*/
}
.donuts-form #gform_page_5_2 .gfield_label{
	width: 100%;
}
.donuts-form #gform_page_5_1 .ginput_container{
    display: inline-block !important;
    margin-top: 0 !important;
    float: right !important;
}
.ginput_container.ginput_container_singleproduct:before {
    content: "x";
    top: 6px;
    position: absolute;
    right: 55px;/*47px;*/
    font-size: 15px;/*14px;*/
	font-family: 'Montserrat', sans-serif;
}
.donuts-form .indiv-price-show .ginput_container.ginput_container_singleproduct:before {
	display: none;
}
.donuts-form .ginput_container .ginput_quantity {
    width: 35px !important;/*30px !important;*/
    text-align: center !important;
    font-size: 16px !important;
    height: 30px;
	position: absolute;
    top: 5px;
    right: 5px;
	padding: 5px 2px !important;
}
.donuts-form .indiv-price-show .ginput_container .ginput_quantity {
	position: relative;
	top: auto;
	right: auto;
}
.donuts-form .ginput_container .ginput_quantity:before {
    content: "a";
    color: red;
    background: red;
    width: 30px;
    height: 30px;
}
.donuts-form .form-question .ginput_container_radio ul li {
    display: inline-block;
    width: 80px;
}
.donuts-form .form-question label.gfield_label,
.donuts-form .form-title label.gfield_label,
.donuts-form .gfield_label_before_complex,
.donuts-form li.donuts-form-total label,
.donuts-form h2.title,
.donuts-form li.form-question label.gfield_label,
.donuts-form .title p {
    font-size: 24px !important;
    border-bottom: 1px solid #ccc;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
	font-weight: bold !important;
    padding: 30px 0px 10px 0px;
}
.donuts-form .title h2 {
    font-size: 28px !important;
    border-bottom: 2px solid #000;
    width: 100%;
    font-weight: bold !important;
    padding: 30px 0px 10px 0px;
    margin-bottom: 20px;
}
.donuts-form .form-name label {
    font-weight: bold;
    font-size: 18px !important;
}
.gform_wrapper li.gfield.gf_left_third.form-name {
    width: 100% !important;
}
.donuts-form li.two-rows-inputs {
    width: 50%;
    display: inline-block;
}
.gform_wrapper li.gfield.gf_middle_third.two-rows-inputs, .gform_wrapper li.gfield.gf_right_third.two-rows-inputs {
    width: 50% !important;
    margin-top: 16px;
}
.donuts-form select, .donuts-form input {
    border: 1px solid #ccc;
    height: 40px;
    font-size: 16px !important;
}
.donuts-form li input[type=radio] {
    height: 15px !important;
}
.donuts-form .ginput_product_price_label, 
.donuts-form .ginput_product_price, 
.donuts-form .ginput_quantity_label {
    display: none !important;
}
.donuts-form .indiv-price-show .ginput_product_price_label, .donuts-form .indiv-price-show .ginput_product_price, .donuts-form .indiv-price-show .ginput_quantity_label {
	display: inline-block !important;
	font-size: 14px;
}
.donuts-form .indiv-price-show .ginput_product_price_label, .donuts-form .indiv-price-show .ginput_quantity_label {
	font-family: 'oswald';
    text-transform: uppercase;
    font-weight: bold;
}
.donuts-form .indiv-price-show .gfield_description {
    padding: 0px !important;
}

.gform_wrapper .donuts-form span.ginput_product_price {
	color: #000000;
}

.donuts-form .price {
    margin: 6px 0 0 0;
	font-size: 14px;
	line-height: normal;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-family: 'Oswald', sans-serif !important;
	padding: 3px 8px;
}
.donuts-form li.section-title h2 {
    font-weight: bold;
    color: #fff;
    width: 100%;
    padding: 0px;
}
.donuts-form li.section-title {
    background: #000;
    padding: 15px 20px 20px !important;
    margin: -7px 0 20px 0 !important;
}
.donuts-form li.donut-form-img {
    padding: 0px !important;
    margin: 10px 0 0 0 !important;
}
.donuts-form li.separator {
    /*border: none !important;
    padding: 10px 0px !important;*/
	padding-bottom: 0px;
	margin: 20px 0 30px 0 !important;
}
#field_7_329.separator {
	border: 0; margin: 20px !important;
}

.donuts-form li.separator h2.gsection_title {
    display: none !important;
    border: none;
}
.donuts-form .gsection_description {
    display: inline !important;
}
.donuts-form li.gfield_price {
    position: relative !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.donuts-form li h2.gsection_title {
    padding-right: 10px !important;
}
.gform_wrapper li.gfield.field_description_below+li.gsection {
	margin-top: 0px !important;
}
.donuts-form .gfield_total{
    margin-top: 30px !important;
    font-weight: bold !important;
}
.donuts-form #gform_submit_button_7, 
.donuts-form .gform_previous_button, 
.donuts-form .gform_next_button {
    background: #000000;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    margin: 20px 5px;
    text-transform: uppercase !important;
    font-family: "Oswald" !important;
    font-weight: bold !important;
    font-size: 22px !important;
    cursor: pointer !important;
    height: 55px;
    padding: 0px 15px;
}
.donuts-form #gform_submit_button_7 {
    background: #e9000c!important;
    float: right;
    margin: 0px;
    padding: 0px 30px;
    border-color: #e9000c !important;
}
.donuts-form .gform_previous_button:hover, 
.donuts-form .gform_next_button:hover {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #000 !important;
}
.donuts-form #gform_submit_button_7:hover {
    color: #fff !important;
	background: #20c32d !important;
	border-color: #20c32d !important;
}
.donuts-form li.date-hour {
    display: inline-block;
    padding: 10px 30px 10px 0px;
}
.donuts-form .gfield_time_hour i {
    margin: -35px 0px 0px 10px !important;
}
.donuts-form li.blank_space small,
.donuts-form li.blank_space {
    color: #fff !important;
}
.donuts-form li.date-hour label {
    display: none !important;
}
li.delivery-cost, li.delivery-cost label {
    font-size: 5px!important;
    padding: 0px;
    margin: 0px;
    line-height: 0px;
    color: #fff;
}
.form-address .gfield_description {
    padding: 0px !important;
    font-size: 16px !important;
}
.gform_wrapper.donuts-form_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title { margin-left: 0; opacity: 1; display: none; }
.gform_wrapper.donuts-form_wrapper .gf_progressbar {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.gform_wrapper.donuts-form_wrapper .percentbar_blue { background: none; background-color: #e02b20; }
.gform_wrapper.donuts-form_wrapper .gf_progressbar_percentage { font-family: inherit !important; text-shadow: none; }
.gform_wrapper.donuts-form_wrapper .gf_progressbar_percentage span { line-height: 1.5em; }
body .gform_wrapper ul li.gfield.gfield_html img { width: 100%; }
.gform_wrapper .gform_page_footer { margin-top: 60px !important; }

.customer-choice label.gfield_label,
.customer-choice-donuts-list label.gfield_label {
    display: none !important;
}
.customer-choice-product {
    color: #fff;
}
.customer-choice {
    background: #f2f2f2;
    padding: 20px 20px 20px 20px !important;
    border: 1px solid #dddddd;
	width: 98%;
}
.customer-choice .gfield_description {
    padding-left: 25px !important;
	font-size: 16px !important;
	line-height: 1.6em !important;
}
.gform_wrapper .customer-choice-donuts-list select {
	width: 100% !important;
}
input#choice_7_331_1 {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    margin-left: 3px;
}
.gform_wrapper .top_label .gfield_label {
	font-size: 18px; 
}
.gf_left_half, .gf_right_half,
.gf_left_third, .gf_middle_third, .gf_right_third {
    width: 100% !important;
}


/**********[  Order Form Menu Checkbox ]**********/
.gform_wrapper .form-menus-page ul.gfield_checkbox li {
	display: table;
	min-height: 200px;
    width: calc(100% - 25px) !important;
}

.form-menus-page .ginput_container ul li label {
    background-size: cover !important;
    width: 100% !important;
    padding-top: 70%;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 30px;
    text-shadow: 0px 0px 10px rgba(0,0,0,.5);
    margin: 5px;
}
.form-menus-page .ginput_container ul li label {
	display: table-cell !important;
    display: table-cell !important;
    vertical-align: bottom !important;
	padding-left: 15px; padding-right: 15px;
}

.form-menus-page li.donuts-menu .ginput_container ul li label {
    background: url(http://dinosdonuts.net/wp-content/uploads/2017/08/menu-thumb-donuts.jpg) center center;
    width: 100% !important;
}
.form-menus-page li.sandwiches-menu .ginput_container ul li label{
    background: url(http://dinosdonuts.net/wp-content/uploads/2017/08/menu-thumb-sandwiches.jpg) center center;
    width: 100% !important;
}
.form-menus-page li.beverages-menu .ginput_container ul li label{
    background: url(http://dinosdonuts.net/wp-content/uploads/2017/09/menu-thumb-beverages.jpg) center center;
    width: 100% !important;
}
.form-menus-page li.salads-menu .ginput_container ul li label{
    background: url(http://dinosdonuts.net/wp-content/uploads/2017/09/menu-thumb-salads.jpg) center center;
    width: 100% !important;
}
.form-menus-page li.espressos-menu .ginput_container ul li label{
    background: url(http://dinosdonuts.net/wp-content/uploads/2017/08/menu-thumb-espressos.jpg) center center;
    width: 100% !important;
}
.form-menus-page li.soups-menu .ginput_container ul li label{
    background: url(http://dinosdonuts.net/wp-content/uploads/2017/08/menu-thumb-soups-snacks.jpg) center center;
    width: 100% !important;
}
.form-menus-page li.merch-menu .ginput_container ul li label{
    background: url(http://dinosdonuts.net/wp-content/uploads/2017/09/merch.jpg) center center;
    width: 100% !important;
}
.form-menus-page li.iced-menu .ginput_container ul li label{
    background: url(http://dinosdonuts.net/wp-content/uploads/2017/09/menu-thumb-iced-drinks.jpg) center center;
    width: 100% !important;
}
.form-menus-page li .ginput_container ul {
    width: calc(100% + 25px) !important;
}
.form-menus-page li .ginput_container ul li input {
    display: none !important;
}
.form-menus-page li .ginput_container ul li input[type=checkbox]:checked + label {
    /*padding-top: 60%;*/
	/*border: 5px solid #000;*/
    font-weight: bold !important;
    box-shadow:inset 0px 0px 0px 10px #000000;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox] {
    height: 15px !important;
}

/**********[  Order Form Media Queries ]**********/


@media only screen and (min-width: 769px) and (max-width: 1300px) {
	.gform_wrapper .form-menus-page ul.gfield_checkbox li { min-height: 280px; }
}


@media only screen and (min-width: 768px) {
    body .gform_wrapper li.gfield.fixed-total.gfield_price {
        position: fixed !important;
   		right: 80px;
    	z-index: 999999;
    	bottom: 80px;
    	padding: 0 !important;
    	-webkit-border-radius: 8px;
    	-moz-border-radius: 8px;
   		border-radius: 8px;
    	background-color: #fff;
    	width: 160px;
    	text-align: center;
    	border: 3px solid black;
		font-size: 20px !important;
    }
	body .gform_wrapper .top_label li.gfield.fixed-total.gfield_price label.gfield_label {
   	 	padding: 91px 0px 7px 0px;
   	 	background-image: url("http://dinosdonuts.net/wp-content/uploads/2017/08/partial-dino-svg.svg");
    	background-repeat: no-repeat;
    	background-position: center top;
		width: 100%;
		margin-top: -88px;
		background-size: 120px;
   	 	text-align: center;
		font-size: 16px;
	}
	body .gform_wrapper .top_label li.gfield.fixed-total.gfield_price div.ginput_container {
		background: black;
    	padding: 10px 8px 8px;
		margin-top: 0;
	}
	body .gform_wrapper .top_label li.gfield.fixed-total.gfield_price div.ginput_container span.ginput_total {
    	color: #ffffff;
        font-size: 24px;
	}
	.mobile-show { display: none; }
}


@media only screen and (min-width: 980px) {
  .donuts-form #gform_page_7_2 ul {
    width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
  .donuts-form .column-count-2-of-3,
  .donuts-form .column-count-3-of-3 {
    padding-left: 0px !important;
  }
  .donuts-form li[class*="column-count-"] {
    width: 100%;
  }
  .donuts-form li.column-count-1-of-4,
  .donuts-form li.column-count-2-of-4,
  .donuts-form li.column-count-3-of-4,
  .donuts-form li.column-count-4-of-4 {
    width: 50% !important;
    padding: 0px 5px;
  }
  .donuts-form img {
    width: 100%!important;
  }
  .donuts-form .gfield_label {
    width: 70%;
    font-size: 16px !important;
  }
  .donuts-form li.gfield_price .gfield_label,
  .donuts-form .gfield_description  {
    padding-left: 0px !important;
  }
  .donuts-form li.select-sodas,
  .donuts-form li.select-checkbox  {
    padding: 0px !important;
  }
  .donuts-form li.sodas-syrups-button {
    margin: 0px !important;
  }
  .donuts-form li.form_bold {
    padding-left: 0px;
    margin: 25px 0px !important;
  }
  .donuts-form li.blank_space small, .donuts-form li.blank_space {
    display: none;
  }
  .donuts-form li.sodas-syrups { padding: 15px 0 0 0 !important; }
}

@media only screen and (min-width: 642px) { 
  .date-hour.gf_left_half, .date-hour.gf_right_half {
    width: 50% !important;
  }
}

@media only screen and (max-width: 641px) { 
  .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    width: auto !important; 
  }
  .donuts-form li.two-rows-inputs {
    width: 100%;
    display: inline-block;
  }
  .donuts-form ul.gfield_radio li label{
    width: 70% !important;
  }
  .donuts-form li.date-hour {
    width: 90%;
  }
  .donuts-form li.date-hour img {
    position: absolute;
    margin: -25px 30px;
    right: 0;
  } 
}

@media only screen and (max-width: 580px) { 
  .donuts-form li[class*="column-count-"] {
    width: 100% !important;
    padding:0px;
  }
}