/*
Theme Name: North Raleigh Pediatrics
*/

.flex-display{width: 100%; display: flex;}
.lower-content{padding: 0;}
.testimonials-inner{padding: 20px; text-align: center;background: #6abefc;color: #fff;}
.home h1, #contact-info .contact-info{color: #fff;}
#header{background: #6abefc;}
#testimonials h2{text-align: center;background: #fca500;padding: 1.8vh;color: #fff;font-size: 35px; font-weight: bold;}
#testimonials{background: #6abefc;}
#c2a{background: #6847ca;color: #fff;font-size: 16px;}
#c2a a{color: #f7cc03}
footer{background: #019f00;}
footer a, #contact-info a{color: #fff;}
footer a:hover, footer a:focus, #contact-info a:hover, #contact-info a:focus{color: #f5cf08;}
.navigation .active a, .navigation .active a:hover, .navigation .active a:focus, .navigation a:hover, .navigation a:focus{color: #ff43a4;}
.carousel-caption{background: rgba(235, 2, 24, 0.8);}
.carousel-caption h2{font-size: 24px;}
.fab.fa-facebook-square{font-size: 27px;}

/* Header */
#header{position:relative;z-index:10;width:100%;padding:10px;}
.logo img:hover{opacity:.8;}
.c2a{display:none;}
.hours-c2a {display: inline-block;margin-top: 10px;}
.google { font-size:.6em;}


.covid { font-size:1.5em!important;}
.covid a{color: #e83e8c !important;}
.covid a:hover { color: #ffc107!important;}

.covidnotice {font-size: 25px;margin: 0; color:#cc0000; font-weight:bold;}


#testimonial-slider .carousel-control-next, #testimonial-slider .carousel-control-prev{ top: 100%!important;}
/* Navigation */
.navigation a{font-size: 18px;color:#fff;letter-spacing:2px;}
.navigation .active a{}
.navigation a:hover{}
#menu-main-menu-sitemap{list-style:none;padding:0;margin:0;text-align:right;}
#menu-main-menu-sitemap > li{display:inline-block;padding:15px 10px;}
#menu-main-menu-sitemap .dropdown-menu {margin-top:-2px;display:none;border:none;border-radius:0px;background-color:#019f00; text-align: center; width: 100%;padding: 10px 0;}
#menu-main-menu-sitemap .dropdown:hover .dropdown-menu{-moz-animation: fadeIn .7s ease-in-out;-webkit-animation: fadeIn .7s ease-in-out;animation: fadeIn .7s ease-in-out;display:block;opacity:1;}
#menu-main-menu-sitemap .dropdown-menu>li>a{transition:all ease 1s;font-size:14px;padding:10px;color: #fff;}
#menu-main-menu-sitemap .dropdown-menu>li>a:hover{color:#f5cf08;transition:all ease 1s;}
#menu-main-menu-sitemap .dropdown-menu>li>a:hover:after{transform:scaleX(0);opacity:0;}
#menu-main-menu-sitemap .dropdown-menu>.active>a{background:#fff;}
#menu-main-menu-sitemap .dropdown-menu>.active>a:hover{}
.menu-mobile-secondary-menu-container, .menu-mobile-main-menu-container, .home-link, .mobile-btn{display:none;}
/* Nav Toggler */
.nav-toggler {position: relative;font-weight: 600;display: flex;flex-flow: row-reverse nowrap;cursor: pointer;padding: 10px 10px;width:50px;font-size:16px;}
.nav-toggler .toggle-more {transform: rotate3d(1,0,0,0deg);}
.nav-toggler .toggle-less {opacity: 0}
.nav-toggler .toggle-text {position: absolute;top: 0}
.nav-toggler .nav-toggler i,.nav-toggler .toggle-text {transition: all ease-in-out .3s}
.nav-toggler i {font-size: 14px;line-height: 1;position: absolute;top: 4px;right: -5px;transform: rotate3d(1,0,0,0deg);transition: all ease-in-out .3s}
.nav-toggler.active .toggle-more {transform: rotate3d(1,0,0,180deg);float: left;opacity: 0}
.nav-toggler.active .toggle-less {transform: none;float: left;opacity: 1}
.nav-toggler.active i {transform: rotate3d(1,0,0,180deg);}
#menu-main-menu-sitemap .dropdown-menu>.active>a{background: #fe419f;}
#menu-main-menu-sitemap .dropdown-menu>.active{margin: 5px 0;}
/* = FEATURE = */ 
#feature{display: flex; align-items: center;}
.feature-box, .feature-box img, .feature-inner .row{width: 100%;}
.feature-inner{justify-content: center;width: 100%;}
.feature-box-text{background: rgba(255, 255, 255, 0.5);padding: 10px;}
.feature-box-text .btn{background: #fe419f;color: #fff;}
.feature-button{margin-top: 10px;}

.logo{display: block;}

.address i {display: none;}

/* About Page */
main {background: #f5f2f2;}
h1{color: #fff;}
.float-right{padding: 15px 0 0 15px;}


/* Providers Page */
#services-section {padding: 30px 0;}
.service{padding: 20px 0;}

/* New Patients Page */
.menu-button{text-align: center;margin-top: 10px;}
#forms-section{padding: 50px 0;}
.forms h2, .forms h3{font-size: 22px;text-align: center;}
.forms{padding: 10px;}
.forms img {border: 2px solid #f5cf08;}
.btn{background: #6847ca; color: #fff;}
.btn:hover, .menu-button .btn:focus{background: #6abefc; color: #fff;}

.secondary-content section {background-color: #fff;}
.secondary-content .list p {margin: 0;clear: both;}
.secondary-content .list .col-md-6 {float: left;}
.clearboth {clear: both;}

/* Services Page */
.service:nth-of-type(even) .service-img {order: 2;}


/* Forms Page */
#contact-page-form input.datepicker{width: 100%;}
#contact-page-form form .gfield_radio input {display: inline-block;}
#contact-page-form .top_label div.ginput_container_radio {margin: 0;}
#contact-page-form .gfield_radio {display: flex;margin: 0;}
#contact-page-form .gfield_radio li {padding: 0 5px!important;}
#contact-page-form .gfield_radio li {padding: 0 5px!important;}
#contact-page-form ul.gform_fields li.radio-btns {display: flex; align-items: center;}
#contact-page-form ul.gform_fields li.radio-btns label {margin: 0;}
#contact-page-form ul.gform_fields li.radio-btns .gfield_radio label{margin-left: 5px;}
#contact-page-form .button {width: 100%;color: #fff;}
.forms-section-inner .row {justify-content: center;}

/* Forms Page */
.contact-section-inner.d-flex{flex-wrap: wrap;}
.map{padding-top: 40px;}
#contact-section{background: #f5cf08;}
#contact-section .gform_body h2, #contact-section .gfield_label, .location-container legend, .location-container a{color: #fff;}



/* = Media Queries = */
@media screen and ( max-width:1493px ){.navigation a{font-size: 14px;}}
@media screen and ( max-width:1380px ){.flex-80, .flex-20{width: 100%;}#menu-main-menu-sitemap{text-align: center;}}
@media screen and ( max-width:1200px ){#feature{width: 100%;flex: 0 0 100%; max-width: 100%;padding: 100px;}.lower-content{width: 100%;flex: 0 0 100%; max-width: 100%;}img.float-right{float: none!important; margin: 0 auto; display: block;}}
@media screen and ( max-width:991px ) {
	.navigation a, .nav-toggler, .nav-toggler i, .main-nav .nav-list .menu-item a, .caret {color: #fe419f;}
	.shrinkLogo{max-height: 100%;}
	.address i {display: inline-block;}
	/*Mobile Effective Styles*/
    .mobile-nav, .menu-mobile-main-menu-container, .menu-mobile-secondary-menu-container{display:block;}
    #menu-main-menu-sitemap, #c2a{display:none;}
    #header{padding-top: 110px;}
    .header-inner{padding:0;}
    .header-contact a, .header-contact a i{color:#fff;}
    .c2a{right: 0;display:flex;align-items:center;justify-content:space-around;position:fixed;width:100%;height:50px;top:0;z-index:1;padding-left:40px;font-size:16px;background: #6847ca;}
    .c2a .address i, .c2a .phone i{padding-right:5px;}
    .navigation a{text-transform:none;letter-spacing:0;}
    .navigation a:hover:after{transform:scaleX(0);}
    .main-nav {background:#eee;box-shadow:0 0 5px #000;position: fixed;top: 50px;left: 0;right: 0;height: 50px;display: flex;flex-flow: column nowrap;justify-content: center;}
	.main-nav .mobile-nav .mobile-list {padding: 0;margin: 0;display: flex;justify-content: space-around;list-style: none}
	.main-nav .menu-wrap-container {background:#eee;display: none;position: absolute;right: 0;top: 50px}
    .main-nav .nav-list {display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;padding: 0;margin: 0;list-style: none}
    .main-nav .nav-list .menu-item a{display:block;padding:10px 10px 5px;display:flex;align-items:center;justify-content:flex-end;}
    .sub-menu a{justify-content:center!important;}
    .main-nav .nav-list .menu-item:last-of-type a{}
    .home-link{display:block;position:absolute;left:0;border-right:1px solid #fff;padding:0 10px;font-size:20px;}
    .logo-container{padding:0 15px;}
    /*Mobile Dropdowns*/
    .menu-item-has-children{display: block}
    .menu-item-has-children:hover .sub-menu{opacity:0;z-index:-1;}
    ul.sub-menu{display: block;opacity: 0;min-width: 0;top:0;left:-20px;height: auto; background: #eee;z-index: -1;position:absolute;list-style:none;padding:0;}
    .sub-menu>li>ul{left:-10px;top:-2px;}
    .caret{border: none;height: 15px;width: 15px;position: relative;margin-right: 10px;margin-top:-3px;font-size:22px;-webkit-animation: move_fade_side 2.4s ease-in-out infinite;animation: move_fade_side 2.4s ease-in-out infinite}
    .caret:after{content: "\f104";font-family:fontAwesome;position: absolute;top: 50%;left: 50%;z-index: 999;transform: translate(-50%,-50%);color: #000;}
    .back {position: relative;display: block;text-align: center;font-size:22px;-webkit-animation: move_fade_down 2.4s ease-in-out infinite;animation: move_fade_down 2.4s ease-in-out infinite}
    .back:after{content: "\f106";cursor:pointer;font-family:fontAwesome;font-weight: 900;z-index: 999;color: #000;left: 50%}
    .dropdown, .dropup{position: initial;}
    .slide-in {animation: slide-in 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;z-index: 10!important;box-shadow:0 0 3px #111;}
    .slide-out{ animation: slide-out .7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;z-index: 1!important;left:10px!important;right: -40px;}
	.dropdown-toggle::after{display:none!important;}
ul.sub-menu{display: block;opacity: 0;min-width: 0;top:0;left:-20px;padding-bottom: 10px;width: 100%;padding:10px; background: #525252;z-index: -1;position:absolute;list-style:none;padding:0;}
.sub-menu>li>ul{left:-10px;top:-5px;}
ul.nav-list{padding: 0;list-style: none}
ul.nav-list a{color: #fff;font-size:16px; }
.caret{border: none;height: 15px;width: 15px;position: relative;margin-left: 10px;margin-top:-3px;font-size:22px;}
.back {text-align: center;font-size:22px;position: relative;display: block;text-align: center;}	
.caret::after{content: "\f105";font-family:  'Font Awesome 5 Free';font-weight: 900;position: absolute;top: 50%;left: 50%;z-index: 999;transform: translate(-50%,-50%);color: #fe419f;}
.back::after{content: "\f077";cursor:pointer;font-family:  'Font Awesome 5 Free';font-weight: 900;z-index: 999;color: #fff;left: 50%;}.slide-in-right {animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;z-index: 9999!important;border:1px solid #fff;}
.slide-out-right { animation: slide-out-right 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;z-index: -999 !important;border:1px solid #fff;}.navbar-nav>li a{padding: 15px 20px;position: relative}.caret{position: relative;left:-4px;margin-left: 0;}.caret:after{content: '\f053';}
@-webkit-keyframes move_fade_down {2
	0% {-webkit-transform: translate(0,0);opacity: 1}
	50% {-webkit-transform: translate(0,5px) scale(.95);opacity: .75}
	100% {-webkit-transform: translate(0,0);opacity: 1}
}
@keyframes move_fade_down {
	0% {transform: translate(0,0);opacity: 1}
	50% {transform: translate(0,5px) scale(.9);opacity: .75}
	100% {transform: translate(0,0);opacity: 1}
}
@-webkit-keyframes move_fade_side {
	0% {-webkit-transform: translate(0,0);opacity: 1}
	50% {-webkit-transform: translate(5px,0) scale(.95);opacity: .75}
	100% {-webkit-transform: translate(0,0);opacity: 1}
}
@keyframes move_fade_side {
	0% {transform: translate(0,0);opacity: 1}
	50% {transform: translate(5px,0) scale(.9);opacity: .75}
	100% {transform: translate(0,0);opacity: 1}
}
@keyframes slide-in-right {
0% {
	transform: translateX(100px) translateY(0px);
	opacity: 0;
	}
100% {
	transform: translateX(0px) translateY(15px);
	opacity: 1;
	}
}

@keyframes slide-out-right {
0% {
	transform: translateX(-20px) translateY(15px);
	opacity:1;
}
100% {
	transform: translateX(100px) translateY(0px);
	opacity: 0;
	}
}
}
/* Animations */
@-webkit-keyframes fadeIn {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadeIn {
    from {opacity:0;}
    to {opacity:1;}
}
@keyframes fadeIn {
    from {opacity:0;}
    to {opacity:1;}
}
@keyframes slide-in {
    0% {transform: translateX(100px) translateY(0px);opacity: 0;}
    100% {transform: translateX(0px) translateY(15px);opacity: 1;}
}
@keyframes slide-out {
    0% {transform: translateX(-20px) translateY(15px);opacity:1;}
    100% {transform: translateX(100px) translateY(0px);opacity: 0;}
}
@-webkit-keyframes move_fade_down {
	0% {-webkit-transform: translate(0,0);opacity: 1}
	50% {-webkit-transform: translate(0,5px) scale(.95);opacity: .75}
	100% {-webkit-transform: translate(0,0);opacity: 1}
}
@keyframes move_fade_down {
	0% {transform: translate(0,0);opacity: 1}
	50% {transform: translate(0,5px) scale(.9);opacity: .75}
	100% {transform: translate(0,0);opacity: 1}
}
@-webkit-keyframes move_fade_side {
	0% {-webkit-transform: translate(0,0);opacity: 1}
	50% {-webkit-transform: translate(5px,0) scale(.95);opacity: .75}
	100% {-webkit-transform: translate(0,0);opacity: 1}
}
@keyframes move_fade_side {
	0% {transform: translate(0,0);opacity: 1}
	50% {transform: translate(5px,0) scale(.9);opacity: .75}
	100% {transform: translate(0,0);opacity: 1}
}
@media screen and ( max-width:768px ) { .carousel-caption h2{ font-size: 16px; }.carousel-caption{ display:block!important; }.feature-inner .row{flex-flow: column;justify-content: center; align-items: center;}.features{margin-bottom: 10px;flex: 0 0 100%;
    max-width: 100%;}  .feature-inner{display: block; margin: 0 auto;}#feature{padding: 100px 0;background-size: cover; background-repeat: no-repeat;}.row{margin: 0;}.service:nth-of-type(even) .service-copy {order: 2;}}
@media screen and ( max-width:425px ) { .carousel-caption h2{ font-size: 12px; } }