/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/* Master Burgundy color: #8c181f 
// Master Gold Color: 	#c78c2b
*/ 

/* circle border - on post date */
.circle-fancy-style .fancy-date a {
	border: solid 1px #8c181f !important;
}



/* Search Background Color */

.mini-search {background: rgba(255, 255, 255, 0)}
input#search-micro-widget{ background: #c3922e !important; }

/*search filled to gold color */
.masthead .mini-search .field, .dt-mobile-header .mini-search .field { background: #c3922e !important; }


/* Post Title formatting 
 * post title heading color white  - inside custom css */


/* hide bottom bar */
#bottom-bar {display :none;}


/* shop menu  for desktop*/
@media screen and (min-device-width: 1200px) {
.shopmenu { background: #8c181f; color: #ffffff; width: 100px; margin-left: 17px; padding-left: 40px; left: -60px; }
.shopmenu a:hover .menu-text {color: #ffffff !important;}
.shopmenu a .menu-text {color: #c78c2b !important;}
}

/* shop menu ipad menu styling */
@media screen and (min-width: 800px) and (max-device-width: 1199px) {
.shopmenu { background: #8c181f; color: #ffffff !important; width: 120px; padding-left: 0px;}

}

/* shop menu iphone menu */
@media screen and (min-width: 1px) and (max-width: 799px) {
.shopmenu { background: #8c181f; color: #ffffff !important; width: 70px; padding-left: 28px; left: -27px;}

}


/* hyperlink underline removed */
a {text-decoration: none !important;}

/* Contact form label - 300 font */
.caldera-grid label {
font-weight: 300 !important }

/* Typography Formatting */
h1 {color: #8c181f;}
/*h3 { margin-top: 20px;}*/

/* hyperlink underline remove */
a {text-decoration: none !important;}



/************** Circle text on header *****/

.circletitle {position: absolute; top:63%; margin-left: 50%; left: -60px; z-index: 2;}
.circletitlenew {position: absolute; top:-85px; margin-left: 50%; left: -85px; z-index: 2;}

/* Main Container -  this controls the size of the circle */
.circle_container{
	width : 170px;
	height : 170px;
	margin : 0 auto;
	padding : 0;
/*	border : 1px solid red; */
}

/* Circle Main draws the actual circle */
.circle_main {
	width : 100%;
	height : 100%;
	border-radius : 50%;
	border : 0 solid black;	/* can alter thickness and colour of circle on this line */
	margin : 0;
	padding : 0;
  background: #8c181f; /* main colour TTTT */
}

/* Circle Text Container - constrains text area to within the circle */
.circle_text_container {
	/* area constraints */
	width : 80%;
	height : 80%;
	max-width : 80%;
	max-height : 80%;
	margin : 0 auto;
	padding : 0;
   	/* some position nudging to center the text area */
	position : relative;
	/*left : 10%;*/
	top : 12%;
	/* preserve 3d prevents blurring sometimes caused by the text centering in the next class */
	transform-style : preserve-3d;
	
	/*border : 1px solid green;*/
}

/* Circle Text - the appearance of the text within the circle plus vertical centering */
.circle_text{
	/* change font/size/etc here */
	font: 23px "Roboto", Arial, Serif;	
	font-weight: 500; text-align : center;	color: #c78c2b;
	/* vertical centering technique */
	position : relative;
	top : 50%;
	transform : translateY(-50%);
}

/* Login Page Box Formatting */
.contact-form-minimal input[type="text"], .contact-form-minimal input[type="password"], .contact-form-minimal input[type="email"], .caldera-grid textarea.form-control { border: 1px solid #8c181f;}

.caldera-grid .btn-default { background-color: #8c181f; color:#ffffff !important; }
.caldera-grid .btn-default:hover { background-color: #d6a915;}



/* Title Image Holder formatting for mobile */

@media screen and (max-width: 500px) {
h1 {font-size: 24px; line-height: 30px}
h2 {font-size: 20px; line-height: 26px;}
h3 {font-size: 18px; line-height: 24px;}
p {font-size: 16px; line-height: 24px;}
ul li {font-size: 16px; line-height: 24px;}

#page #fancy-header > .wf-wrap, .page-title .wf-container-title {	min-height: 200px !important;}
.circletitlenew {position: absolute; top:-65px; margin-left: 50%; left: -65px; width: 100px; height: 100px; z-index: 2;}
.circle_container {width: 120px; height: 120px; }
.circle_text {font: 16px "Roboto", Arial, Serif;}
}

/* WOOCOMMERCE CUSTOMISATION */
/* single product price */
.woocommerce .product .price{ font-weight: 500; font-size: larger; color: #000 !important; }

/* Add to cart button */
.cart-btn-below-img .woo-buttons a {background-color: #8c181f; color: #ffffff}
.cart-btn-below-img .woo-buttons a:hover {color: #c78c2b}


.sub-downwards .next-level-button{

}


/*Allergy Testing and Heavy Metal Testing*/
h3.oligoscan {
    padding: 0 50px;
    text-align: right;
    position: absolute;
    margin-left: 65%;
}