/*
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
*/

/* ================================= CSS Structure =================================
1. GLOBAL	// Base Styles
	- BODY
	- Links
	- Text Elements
	- Alignments
	- Tables
	- Clearings
	- Layouts
2. HEADER
	- Top Section
	- Logo Section
	- Main Section
	- Navigation
	- Mobile Sidebar
	- Page Header
3. REVOLUTION SLIDER
4. CTA / PARALLAX / MODALS
5. WP SPECIFIC STYLES 	// Custom styles that overwrite css
6. CUSTOM CSS		   // Custom styles created for web
	- 404 ERROR PAGE
7. FORMS
8. FOOTER
9. MEDIA QUERIES
10. IE-Only CSS
=========================================================================== */

/*---------------------------------------
 	1. GLOBAL
* --------------------------------------*/

/* Padding Sections */
.section-sm {padding-top:40px; padding-bottom:40px;}
.section-md {padding-top:50px; padding-bottom:50px;}
.section-lg {padding-top:100px; padding-bottom:100px;}
.section-xlg {padding-top:150px; padding-bottom:150px;}

b, strong {
    font-weight: 500;
}
/* BUTTONS */
.btn-gradient-red {
background: #d12450;
background: -moz-radial-gradient(center, ellipse cover, #d12450 0%, #84082d 100%)!important;
background: -webkit-radial-gradient(center, ellipse cover, #d12450 0%,#84082d 100%)!important;
background: radial-gradient(ellipse at center, #d12450 0%,#84082d 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d12450', endColorstr='#84082d',GradientType=1 )!important;
}

.btn-gradient-green {
	background: #d12450;
background: -moz-radial-gradient(center, ellipse cover, #d12450 0%, #84082d 100%)!important;
background: -webkit-radial-gradient(center, ellipse cover, #d12450 0%,#84082d 100%)!important;
background: radial-gradient(ellipse at center, #1a7e36 0%,#024410 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d12450', endColorstr='#84082d',GradientType=1 )!important;
}

.aio-icon.square {
	background: #d12450;
	background: -moz-radial-gradient(center, ellipse cover, #d12450 0%, #84082d 100%)!important;
	background: -webkit-radial-gradient(center, ellipse cover, #d12450 0%,#84082d 100%)!important;
	background: radial-gradient(ellipse at center, #d12450 0%,#84082d 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d12450', endColorstr='#84082d',GradientType=1 )!important;
}

.btn-gradient-purple {
background: radial-gradient(ellipse at center, #5e35b1 0%,#302553 100%) !important;
}

.divider {padding: 0 10px;}

.bottomButton{
position: absolute;
bottom: 0;
left: 0;
right: 0;
	margin:auto;
}

/* Lists */
.standard-arrow {margin:0 0 15px;}
.standard-arrow ul {margin:0;}
.standard-arrow li {position: relative;padding-left: 19px;margin-bottom: 10px;list-style: none;}
.standard-arrow li:after {background-image:none;font-size: 0px!important;}
.standard-arrow.bullet-top li:before {top: 9px;height:7px;width:7px;}

.avoid-clicks a {pointer-events:none;}

/*---------------------------------------
2. HEADERS
* --------------------------------------*/

li.menu-item-2584 span.menu-text {display:none;}

/*--Google Icon fix--*/
.dt-icon-px-500, .icomoon-the7-font-500px, .px-500 .soc-font-icon {font-family: "Font Awesome 5 Brands"!important; font-size: 14px!important;}
.dt-icon-px-500:before, .icomoon-the7-font-500px:before, .px-500 .soc-font-icon:before {content: "\f1a0"!important;}

p.copyWhite, h4.copyWhite, h5.copyWhite {color:#ffffff;}
.photoCaption-about p {font-size:.8em; line-height: 1.5em; font-style:italic;}

.masthead .mini-widgets>* {display: inline-flex;}

.top-header .main-nav.level-arrows-on>li.has-children>a .menu-text {
	padding-right: 14px;
}


h6.widget_near_logo{
	margin: 0px 38px 0px 27px;
	line-height: 18px;
	font-size: 21px;
}
p.widget_near_logo {
	margin: 0px 50px 0px 27px;
	line-height: 18px;
}
i.widget_near_logo {
	font-size: 20px;
	line-height: 28px;
	color: #e00049;
}

li.appt_nav {background-color: #DD0247;}
li.appt_nav a i.underline {background: #ffffff;}
li.appt_nav a span {color: #ffffff !important;}
.mobile-mini-widgets-in-menu {padding:0;}
	  .mobile-mini-widgets-in-menu span, .mobile-mini-widgets-in-menu div {padding: 5px 0;}
	  .mobile-header-scrollbar-wrap li.appt_nav{background-color: #3f92cf; padding-left: 15px;}

/* Theme Options Page Title  */
.page-title.overlay-bg:after {background: linear-gradient(to right, rgba(0,83,187,1.0) 8%,rgba(0,83,187,1.0) 1%,rgba(125,185,232,0.01) 99%,rgba(125,185,232,0) 100%);}
.page-title.solid-bg.bg-img-enabled {background-position: center 69% !important;}

/*---------------------------------------
3. REVOLUTION SLIDER
* --------------------------------------*/

/*---------------------------------------
4. CTA / PARALLAX / MODALS
* --------------------------------------*/
 
/* Modal Message After Submit*/
.cp-msg-on-submit, .cp-form-processing-wrap .cp-form-after-submit {background: linear-gradient(to top, #262768 0%, #1e73be 100%);}

/*---------------------------------------
5. WP SPECIFIC STYLES
* --------------------------------------*/
#cookie-law-info-bar {background-color: rgba(80, 119, 168, 0.85)!important;}

.blog-content .author.vcard {display:none;}
.infoBoxes h3 {font-size: 26px !important;}

/* Reviews */
.wpcr3_respond_3 {text-align: center;}
.wpcr3_button_1 {
	font-weight: 500;
	color: #ffffff;
	background: #d12450;
	background: -moz-radial-gradient(center, ellipse cover, #d12450 0%, #84082d 100%)!important;
	background: -webkit-radial-gradient(center, ellipse cover, #d12450 0%,#84082d 100%)!important;
	background: radial-gradient(ellipse at center, #d12450 0%,#84082d 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d12450', endColorstr='#84082d',GradientType=1 )!important;
	margin-bottom: 50px!important;
}
	.wpcr3_button_1:hover {font-weight: 500; border-color: #cd234f; color: #ffffff; padding: 5px 12px 5px;}

/*---------------------------------------
6. 404
* --------------------------------------*/

.error404 #main {
    background-image: url(/wp-content/uploads/san-diego-varicose-vein-treatment-center-slide-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:center center;
}

.error404 .wf-container-main {
    margin-top: 100px;
    margin-bottom: 100px;
}

.error404 .wf-container-main {
	background-color: rgba(0, 0, 0, 0.72) !important;
	padding: 10% 10% 0 10%;
	color: #cacaca;
}

.error404 h1.entry-title {
	color:#fff !important;
	font-size:96px;
	line-height: 1em;
}

.error404 p.subtitle {
	padding: 10px 0 50px;
	font-size: 28px;
}

.error404 .page-title {display:none !important;}

.error404 .footer {background-color: #fff;}

/*---------------------------------------
7. FORMS
* --------------------------------------*/
.nf-form-fields-required {display: none!important;}
.nf-form-content {max-width:inherit!important;}
.nf-form-content input[type=button] {background:#262768!important;color:#ffffff!important;}
.nf-error.field-wrap .nf-field-element:after {height: 44px!important;width: 44px!important;line-height: 44px!important;}
.nf-form-content input.ninja-forms-field {height: 45px!important;}
.nf-form-content textarea.ninja-forms-field {height: 100px!important;}
.nf-form-content label {font-size: 16px!important;}
.nf-form-content .ninja-forms-field {padding: 8px!important;}
.nf-form-content select.ninja-forms-field {padding: 10px 20px 11px 20px!important;}
input[type=text], input[type=email], input[type=password], input[type=tel], textarea, select, #coupon_code  {color: #c9c9c9!important; border: 1px solid #e9e9e9!important; background: #fdfdfd!important;}
input::placeholder, textarea::placeholder {color: #c9c9c9!important;}
.nf-field-container {margin-bottom: 0px!important;}
.nf-form-content select.ninja-forms-field {border: 1px solid #e9e9e9!important;}
.nf-error, .nf-error-msg {font-size: 14px!important;}
.nf-field-description {padding-bottom: 10px!important;}
.hr {margin-bottom:15px!important;}
.nf-error-msg.nf-error-field-errors {display: none!important;}
div#nf-form-4-cont .nf-error .nf-error-msg {color: #edc4c4!important;}

/*---------------------------------------
8. FOOTER
* --------------------------------------*/

.footer .widget-title {font-size: 16px; line-height: 20px;}
.footer p.footer-links i, .footer p.footer-links a {margin-bottom:15px;}
.footer #text-2 a:hover {color: #D12450!important;}
.footer  #text-5 a {line-height: 35px;}
.scroll-top.on {z-index: 10000;}

/*---------------------------------------
9. MEDIA QUERIES
* --------------------------------------*/


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1180px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	  .home-vein-specialist div.upb_row_bg { opacity:.3; }
	  .page-title.page-title-responsive-enabled .wf-wrap {align-items: initial;}
	  .sdvtHome_overlay div.upb_row_bg, .page-title.solid-bg.bg-img-enabled {background-position: right 26%!important;background-attachment: scroll;}
	  #cookie-law-info-bar {font-size: 17pt;}
	 
	  .aboutPhoto-width {
    	padding-right: inherit !important;
		padding-left: inherit !important;}

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1180px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	  /*.sdvtHome_overlay div.upb_row_bg, .page-title.solid-bg.bg-img-enabled {
		  background-position: right 40%!important;
		  background-attachment: scroll;
	  }*/
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1180px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

	h6.widget_near_logo{margin-right: 30px;}
	p.widget_near_logo {margin-right:25px;}
	  
}



/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
	  
	  .no-bg-mobile div.upb_row_bg{background-image: none!important;}
	  
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 360px) /* Galaxy S5 Added */
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	  
	  .no-bg-mobile div.upb_row_bg{background-image: none!important;}
	  .page-title.solid-bg.bg-img-enabled {background-attachment: scroll;}
	  .page-title.page-title-responsive-enabled .wf-wrap {align-items: initial;}
	  #cookie-law-info-bar {line-height: 24px;}
	  a.cli_settings_button {display: block;}

}

@media only screen and (max-device-width: 500px)
	{
/*#longerRowPadding{ padding-bottom: 95px !important;}*/
	
.buttonMiddle {
  /*padding-left: 30%;  padding-right: 30%;*/
	width:100%;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {]
	  
	  /*span.mini-contacts.phone {margin-right: 132px!important;}*/

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}


/*------------- Phone Portrait -------------*/
@media only screen and (max-width: 425px) {
	
	/* header */
	.top-bar {padding: 0px;}
	.masthead .top-bar .mini-widgets > * {margin: 0px!important; width: 100%;}
	.appt_nav {display:none!important;}
	
	 .aboutPhoto-width {
    	padding-right: inherit !important;
		padding-left: inherit !important;}
}


/*---------------------------------------
10. IE-Only CSS
* --------------------------------------*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
	.upb_row_bg.vcpb-default {background-size: contain;}
}