/**
Theme Name: WM
Author: Whiteboard Marketing
Author URI: https://www.whiteboard-mktg.com
Description: Child theme for Arlington Dental Designs.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wm
Template: astra
*/

input#gform_submit_button_1, input#gform_submit_button_2 {
    background: #12284a;
	color: white;
}

div#ast-desktop-header .ast-main-header-wrap.main-header-bar-wrap {
	background: white;
}

.ast-builder-button-wrap.ast-builder-button-size-sm .ast-custom-button {
	text-align: center;
}
/*Home page yes section */
.yes-section .elementor-column.yes-content{
	min-height: 230px !important;
}
.yes-section .elementor-column.yes .elementor-widget-wrap{
	border-left: 6px solid #2e4469 !important;
    border-top: 6px solid #2e4469 !important;
    border-right: 6px solid #2e446975 !important;
    border-bottom: 6px solid #2e446975 !important;
}
.yes-practice h2 i{
	background: #12284b;
    color: #fff;
    padding: 5px 10px;
}
/*Home page yes section end */

@media (min-width: 921px) and (max-width: 1025px) {
	section#main-hero, section#subpage-hero, section#page-header {
		border-top: 36px solid #11284b;
		padding-top: 139px;
	}
}

@media (max-width: 1025px) {
	.split-hero-color {
		background: var( --e-global-color-astglobalcolor1 )!important;
	}
}

li.mobile-only {
    display: none!important;
}
li.desk-only {
	display: inline-block!important;
}

@media (max-width: 920px) {
	body.home .split-hero-color {
		    background-image: linear-gradient(0deg, var( --e-global-color-astglobalcolor1 ) 77%, var( --e-global-color-astglobalcolor0 ) 77%)!important;
	}
	li.mobile-only {
		display: inline-block!important;
	}
	li.desk-only {
		display: none!important;
	}
}


@media (max-width: 725px) {
	img.alignright {
		float: none;
		width: 100%;
		margin: auto;
		margin-bottom: 30px;
	}
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 40px;
}

.ast-mobile-popup-content .ast-builder-menu-mobile a.menu-link {
    padding: 0!important;
}

body.blog .site-primary-header-wrap {
    background: white;
}

body.post-template-default.single.single-post .site-primary-header-wrap {
    background: white;
}

body, .ast-separate-container {
	background-color: #fbfbfb;
}

div#comments.comments-area {
    display: none;
}

body.blog div#content div#secondary {
    display: none;
}

body.blog div#content div#primary {
    width: 100%;
}

.single .entry-header .post-thumb img {
	max-height: 400px;
    max-width: 400px;
    width: auto;
    height: auto;
}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
    padding: 2em;
}

.ast-post-format-.blog-layout-1 img.wp-post-image {
    max-height: 400px;
    width: auto;
}

.ast-article-post .ast-date-meta .posted-on, .ast-article-post .ast-date-meta .posted-on * {
	background: #2e4469;}


body.post-template-default .post-thumb-img-content.post-thumb {
	float: right;
}


body.post-template-default .ast-single-post-order {
	display: flex;
    flex-direction: column;
}

body.post-template-default .ast-single-post-order h1.entry-title, body.post-template-default .ast-single-post-order .entry-meta {
	display: inline;
}

body.post-template-default .post-thumb-img-content.post-thumb {
    margin-left: 20px;
    margin-bottom: 20px;
}

body.post-template-default article .entry-content .elementor-section-wrap .elementor-container.elementor-column-gap-default, body.post-template-default article .entry-content .elementor-section-wrap .elementor-container.elementor-column-gap-default .elementor-column.elementor-col-100 {
	display: inline;
}


body.post-template-default article .entry-content .elementor-section-wrap .elementor-container.elementor-column-gap-default .elementor-column.elementor-col-100 .elementor-widget-wrap.elementor-element-populated {
	display: contents;
}

body.search.search-results .entry-content a.ast-button {
    background: #2e4469;
}

body.search.search-results .entry-content a.ast-button:hover {
    color: #fff;
}

body.error404 .site-primary-header-wrap {
    background: #f3f3f3;
}

@media (max-width: 700px) {
	body.post-template-default .post-thumb-img-content.post-thumb {
		float: none;
		margin-left: 0;
		margin-bottom: 0px;
	}
}


.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	clear: none;
}


@media (max-width: 767px) {
	section.homehero-ctabox .elementor-column {
		background: #11284b;
		padding-top: 40px!important;
		margin-bottom: 20px;
	}
	section.homehero-ctabox .elementor-column img {
		background: white;
		padding: 11px;
		border-radius: 100px;
		border: none;
	}
	section.homehero-ctabox .elementor-column p.elementor-icon-box-title {
		color: white!important;
	}
	section.homehero-ctabox .elementor-column a.elementor-button-link.elementor-button {
		color: white;
	}
	body.home .split-hero-color {
		background-image: linear-gradient(0deg, var( --e-global-color-astglobalcolor1 ) 85%, var( --e-global-color-astglobalcolor0 ) 85%)!important;
	}
}
.top-bar-phone{
	color:#fff;
	font-size: .70588235294118rem;
	display: inline-block;
}

.ast-above-sticky-header-active .ast-above-header.ast-header-sticked {background: #12284b;}
.ast-header-sticked .ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element svg {
    fill: #ffffff;
}

.mega-menu-megamenu a {
    color: #12284b;
}

a.menu-link.mm-heading {
    font-size: 20px;
    font-weight: 700;
}

.about-menu .custom-html-widget a {
    display: block;
    background: white;
    padding: 20px;
	text-align: center;
	transition: .3s all;
}

.about-menu .custom-html-widget a:hover {
	background: #12284c;
	color: white;
}

.about-menu .custom-html-widget img {
	margin-bottom: 15px;
}

.about-menu .map-col .textwidget a:hover {
	text-decoration: underline;
}

.flex-wrap {
    display: flex;
	flex-wrap: wrap;
}

.services-menu .flex-wrap div {
    width: 25%;
	padding: 10px;
}

.services-menu .ins-section.flex-wrap div {
    width: 25%;
}

.services-menu .textwidget a:hover {
	text-decoration: underline;
}

.service-mm > ul.mega-sub-menu {
    padding: 0px !important;
}

#mega-menu-wrap-wm-mega-menu #mega-menu-wm-mega-menu li.mega-menu-megamenu.service-mm > ul.mega-sub-menu > li.mega-menu-row {
	max-width: 100%;
}

#mega-menu-wrap-wm-mega-menu #mega-menu-wm-mega-menu li.mega-menu-megamenu.service-mm > ul.mega-sub-menu > li.mega-menu-row .mega-menu-item {
    padding: 0px !important;
}


.ins-section.flex-wrap {
    padding: 10px;
}

/*.service-section.flex-wrap a {
    color: white;
    background: #2e4469;
    display: block;
    padding: 10px;
	transition: .3s all;
}*/

/*.service-section.flex-wrap a:hover {
	color: #2e4469;
    background: white;
	text-decoration: none;
}*/

.ins-section .instructions-title {
	color: #000000;
	font-weight: 700;
}

.flex-wrap div {
    text-align: center;
}

.service-section {
    padding: 20px;
	background: #12284c;
}

.ref-menu .flex-wrap, .contact-menu .flex-wrap {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.ref-menu .flex-wrap a, .contact-menu .flex-wrap a {
    background: #12284c;
    color: white;
    padding: 10px 20px;
	transition: .3s all;
}

.ref-menu .flex-wrap a:hover, .contact-menu .flex-wrap a:hover {
	background: #2e4469;
}

.patients-mm-wrap .flex-wrap {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    text-align: center;
}

.patients-mm-wrap .flex-wrap a {
    width: 25%;
    display: block;
    background: white;
    padding: 20px;
	text-align: center;
	transition: .3s all;
}

.patients-mm-wrap .flex-wrap a:hover {
    background: #12284c;
	color: white;
}

.patients-mm-wrap .flex-wrap a img {
	margin-bottom: 15px;
}

.services-mm-wrap .mega-sub-menu a.mm--heading {
    background: #12284b;
    margin-bottom: 10px;
    font-size: 16px;
    padding: 10px;
    display: block;
    color: #ffffff;
}
.services-mm-wrap .mega-sub-menu {
    display: flex !important
;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    row-gap: 10px;
    column-gap: 10px;
}

.services-mm-wrap .mega-sub-menu a.mm-heading:hover {
	font-size: 17px;
	text-decoration: underline;
}

.services-mm-wrap .mega-sub-menu a.menu-link:hover {
    text-decoration: underline;
    font-size: 16px;
}

.services-mm-wrap .mega-sub-menu .mm-heading{
	background: #12284b;
	padding: 15px 15px;
}