/*
 Theme Name:   Anna House
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Anna House Theme
 Author:       Design4dentists
 Author URI:   http://www.design4dentists.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  anna-house
*/

/* Sections
   ========================================================================== */

 
a.white { color: #FFF; }
a.white:hover { color: #373636; }

a.footer { color: #FFF; }
a.footer:hover { color: #af7e67; }

.topbar a { color: #FFF; }
.topbar a:hover { color: #af7e67; }
.spacer span { padding: 0 10px; }

.cta { color: #af7e67; }  
.cta span { color: #FFF; padding: 0 10px; }  
.cta a { color: #FFF; }   
.cta a:hover { color: #af7e67; }  

.ctainside { font-size: 1.35rem; color: #af7e67; font-weight: 500; line-height: 1.5em; }
.ctainside a { color: #373636; }  
.ctainside a:hover { color: #af7e67; }

.ctafooter a,
.footertel a { color: #FFF; }
.ctafooter a:hover,
.footertel a:hover { color: #af7e67; }

.featuredareatop { width: 100%; height: 130px; background: url(images/featured-area-top.png) no-repeat center; background-size: 100% 100%; }
.featuredareabot { width: 100%; height: 110px; background: url(images/featured-area-bot.png) no-repeat center; background-size: 100% 100%; }

.featuredareainsidetop { width: 100%; height: 130px; background: url(images/featured-area-inside-top.png) no-repeat center; background-size: 125% 100%; }
.featuredareainsidebot { width: 100%; height: 110px; background: url(images/featured-area-inside-bot.png) no-repeat center; background-size: 125% 100%; }

.greytop { width: 100%; height: 130px; background: url(images/grey-area-top.png) no-repeat center; background-size: 100% 100%; }
.greybot { width: 100%; height: 130px; background: url(images/grey-area-bot.png) no-repeat center; background-size: 100% 100%; }


.td-content p { padding: 0; margin: 0; line-height: 1.4em; }

.table-treatment { width: 75%; }
.table-cost { width: 25%; text-align: right; }

.eael-elements-flip-box-container a { color: #FFF; }
.eael-elements-flip-box-container a:hover { color: #af7e67; }

.elementor-widget-ekit-nav-menu { z-index: 9999; }

.elementskit-submenu-panel { display: block; padding: 0; margin: 0; border: 0!important; background: transparent!important; box-shadow: none!important; }
.elementskit-dropdown li .dropdown-item { font-size: 1.5rem; }
.elementskit-dropdown a.dropdown-item  { display: block; max-width: 180px!important; padding: 3px 15px!important; }
.elementor-widget-wp-widget-nav_menu ul { list-style: none; list-style-position: outside; padding: 0; margin: 0; }

.weglot-flags { display: block; width: 45px; height: auto; padding: 0; margin: 0; }
.wgcurrent { margin-right: -10px; }

.wpcf7-form .policies { float: right; text-align: right; margin: 15px 0 20px; }
.wpcf7-form [type=checkbox] { margin: 0 8px 0 0; width: 15px; height: 15px; float: left; }
.wpcf7-form a { color: #FFF; }
.wpcf7-form a:hover { color: #000; } 



/* GRID 
------------------------------------------------------------------------------------ */

.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths, .full-width { display: inline-block; float: left; margin-right: 2%; min-height: 50px; }

.one-half { width: 49%; }
.one-third { width: 32%; }
.one-fourth { width: 23.5%; }
.two-thirds { width: 66%; }
.three-fourths { width: 74%; }
.full-width { width: 100%; }
.column-last { margin-right: 0 !important; }


@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {

.elementskit-dropdown a.dropdown-item  { display: block; max-width: 100%!important; padding: 3px 3%!important; }

}


@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	
	
.featuredareatop { width: 100%; height: 60px; background: url(images/featured-area-top.png) no-repeat center; background-size: 100% 100%; }
.featuredareabot { width: 100%; height: 60px; background: url(images/featured-area-bot.png) no-repeat center; background-size: 100% 100%; }

.featuredareainsidetop { width: 100%; height: 60px; background: url(images/featured-area-inside-top.png) no-repeat center; background-size: 125% 100%; }
.featuredareainsidebot { width: 100%; height: 60px; background: url(images/featured-area-inside-bot.png) no-repeat center; background-size: 125% 100%; }
	
.greytop { width: 100%; height: 60px; background: url(images/grey-area-top.png) no-repeat center; background-size: 100% 100%; }	
.greybot { width: 100%; height: 60px; background: url(images/grey-area-bot.png) no-repeat center; background-size: 100% 100%; }	

.eael-elements-flip-box-container { display: block; margin: auto; max-height: 300px!important; max-width: 300px!important; }

.elementskit-dropdown a.dropdown-item  { display: block; max-width: 100%!important; padding: 3px 3%!important; }

/* ------------------------------------------------------------------------------------ */
/* GRID */
/* ------------------------------------------------------------------------------------ */

.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths, .full-width { margin-right: 0; }

.one-half { width: 100%; }
.one-third { width: 100%; }
.one-fourth { width: 100%; }
.two-thirds { width: 100%; }
.three-fourths { width: 100%; padding-right: 0; }

}