@charset "utf-8";
/*
Theme Name: Gate Dental Clinic
Theme URI: http://www.smiles.ie
Description: Theme For Gate Dental Clinic microsite of Smiles.ie with mobile responsive theme
Author: FCDM
Author URI: http://www.fcdm.ie
Version: 1.0
*/


/* CSS Document */

html,
body {
height:100%; }

.banner,
.banner .carousel,
.banner .carousel .item,
.banner .carousel .item .active {height:100%;}
.banner .carousel-inner {height:100%;}


.inner_page_banner,
.inner_page_banner .carousel,
.inner_page_banner .carousel .item,
.inner_page_banner .carousel .item .active {height:200px;}
.inner_page_banner .carousel-inner {height:200px;}


/* Background images are set within the HTML using inline CSS, not here */
.fill {
width:100%;
height:100%;
background-position:center;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
-o-background-size:cover;
}

.carousel-fade .carousel-inner .item {
    transition-property:opacity;
}
.carousel-fade .carousel-inner .item, 
.carousel-fade .carousel-inner .active.left, 
.carousel-fade .carousel-inner .active.right {
    opacity:0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity:1;
}
.carousel-fade .carousel-inner .next, 
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left, 
.carousel-fade .carousel-inner .active.right {
    left:0;
    transform:translate3d(0px, 0px, 0px);
}
.carousel-fade .carousel-control {
    z-index:2;
}
.banner{ position:relative; background: #435273;}
.banner .carousel-caption{ padding:0; bottom:auto; left:0; right:0; width:auto; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-shadow:none; text-align:left;}
.banner .carousel-caption p{ font-size:40px; text-shadow:1px 2px 2px rgba(0,0,0,0.25); line-height:45px; margin-bottom:40px;}
.banner .carousel-caption a.button{ line-height:50px; background:#616A7F; display:inline-block; color:#fff; font-size:17px; font-weight:700; width:220px; margin:0 10px 0 0; text-align:center;}
.banner .carousel-caption a.button:hover{ background:#5e74a5; color:#fff;}
.banner .carousel-control.left{ background:url(./images/prev.png) no-repeat right; width:58px; text-indent:-9999px; opacity:1;}
.banner .carousel-control.right{ background:url(./images/next.png) no-repeat left; width:58px; text-indent:-9999px; opacity:1;}

.header{ position:fixed; top:0; left:0; right:0; z-index:100; -webkit-transition: all 0.4s; transition: all 0.4s; }
.collapsed_header .header{ top: -101px; }

.notice_bar{ position: absolute; width: 100%; top: 150px; z-index: 99; }
@media screen and (max-width:991px) {
.notice_bar{ top: 80px; }
}

.pre-header{ padding:25px 0; background:rgba(244,244,244,0.9);}
.logo{ float:left;}
.logo img{ -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.logo a:hover img{ opacity:0.7;}
.pre-header ul{ float:right; margin:0; padding:0; list-style:none;}
.pre-header ul:before, .pre-header ul:after{ content:''; display:table;}
.pre-header ul:after{ clear:both;}
.pre-header ul li{ float:left; margin-left:10px;}
.pre-header ul li a{ display:block; line-height:50px;}
.pre-header ul li a.facebook{ height:50px; width:50px; color:#fff; text-align:center; background:#435273; font-size:20px;}
.pre-header ul li a.instagram{ height:50px; width:50px; color:#fff; text-align:center; background:#435273; font-size:20px;}
.pre-header ul li a.facebook:hover{ background:#5e74a5 }
.pre-header ul li a.instagram:hover{ background:#5e74a5 }
.pre-header ul li a.button{ padding:0 15px; color:#fff; background:url(./images/down-arrow.png) no-repeat bottom center #616A7F; position:relative; font-weight:700; font-size:17px;}
.pre-header ul li a.button:after{width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #616A7F; position:absolute; top:100%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.pre-header ul li a.button:hover{ background:url(./images/down-arrow.png) no-repeat bottom center #5e74a5; color:#fff;}
.pre-header ul li a.button:hover:after{ width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #5e74a5;}

.phone-no{ float:right; line-height:50px; display:block; color:#616A7F; font-size:34px;}
.phone-no span.icon{ background:url(./images/phone-icon.png) no-repeat center; height:50px; width:24px; display:block; position:relative; float:left; margin-right:10px;}
.phone-no span.icon:after{ background:url(./images/phone-signal.png); height:18px; width:17px; position:absolute; top:-7px; right:-13px; content:'';}

.navigation{ position:relative; background:rgba(76,81,90,0.8);}

.toggle-menu { display:block; height:50px; width:auto; float:right; background:url(./images/meunb.png) no-repeat center top; padding-top:25px; color:#616A7F; font-weight:700; float:17px; margin-top:7px;}
.toggle-menu.active{ background:url(./images/meunb.png) no-repeat center top;  color:#616A7F;}
.toggle-menu:hover{  color:#616A7F; }

.menu { list-style:none; *zoom:1; margin:0; padding:0; width:100%; display:table;}
.menu:before, .menu:after { content:""; display:table; }
.menu:after { clear:both; }
.menu ul { list-style:none; min-width:290px; float:none; left:0; top:100%; position:relative; background:rgba(255,255,255, 0.9);}
.menu a { padding:0 5px; color:#fff; }
.menu li { position:relative; padding:0; }

.menu > li > .parent:after{ width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid rgba(76,81,90,0.8); position:absolute; top:100%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:''; z-index:10;}
.menu > li > .parent{ background-image:url(./images/down-arrow.png); background-position:bottom center; background-repeat:no-repeat}

.menu li a:hover, .menu li:hover > a, .menu li.current-menu-item > a, .menu li.current-menu-parent > a{color:#dddedf ; text-decoration:none;}
.menu > li { display:table-cell; font-size:17px; position:relative; line-height:50px; text-align:center; font-weight:700;}
.menu > li:last-child{ background:none;}
.menu > li > a { display:block; position:relative; }
.menu li ul { position:absolute; left:-9999px; margin:0; list-style:none;  padding:0;  display: none;}
.menu > li.hover > ul { left:0; margin-left:0; display: block;}
.menu li li.hover ul { left:100%; top:0; display: block;}
.menu li li{ padding:0; line-height:22px; text-align:left; margin:0; border-bottom:1px solid #616A7F;}
.menu li li a { display:block; position:relative; z-index:100; font-size:17px; padding:10px 20px; background-color:rgba(125,137,165 ,0.8); text-transform:inherit; font-weight:700;}
.menu li li:last-child{ border-bottom:none;}
.menu li li a:hover{ color:#fff; background-color:rgba(94,116,165, 0.8);}
.menu li li li a { background-color:rgba(125,137,165,0.9); z-index:200; }

@media screen and (max-width:1199px) {
.menu a{ padding:0 5px;}
.menu > li{ font-size:15px;}
}
@media screen and (max-width:991px) {
.navigation{ display:none;}
}

.large-modal .modal-content {padding:80px 0 15px 0; min-height:100%; border:0; border-radius:0; text-align:center; background-clip:border-box; -webkit-box-shadow:none; box-shadow:none; background:rgba(255,255,255, 0.90); margin:15px;}
.large-modal .modal-content h2 {margin-bottom:15px; font-size:3em;  }
.large-modal .modal-content p {margin-bottom:30px;  }
.large-modal .modal-content p.item-intro {margin:20px 0 30px;  font-size:16px; font-style:italic;  }
.large-modal .modal-content ul.list-inline {margin-top:0; margin-bottom:30px;  }
.large-modal .modal-content img {margin-bottom:30px;  }
.large-modal .close-modal {position:absolute;top:5px; right:5px; width:50px; height:50px; background-color:transparent; cursor:pointer;  }
.large-modal .close-modal:hover {opacity:1;  }
.large-modal .close-modal .lr {z-index:1051; width:1px; height:50px; margin-left:25px; background-color:#616A7F; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);  }
.large-modal .close-modal .lr .rl {z-index:1052; width:1px; height:50px; background-color:#616A7F; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);  }
body.modal-open, .modal-open .modal{ padding-right:0 !important}

.mobile-menu,
.mobile-menu ul,
.mobile-menu li,
.mobile-menu a { margin:0; padding:0; border:0; list-style:none; font-weight:normal; text-decoration:none; line-height:1; font-size:1em; position:relative; }
.mobile-menu { padding-bottom:0;}
.mobile-menu a { line-height:1.3; }
.mobile-menu > ul > li:first-child {}
.mobile-menu > ul > li {border-bottom:1px solid #4c515a; vertical-align:middle; }
.mobile-menu > ul > li:hover {}
.mobile-menu > ul > li > a { font-size:18px; font-weight:700; display:block; color:#eaeaea; padding: 12px 35px 12px 15px; background:rgba(76,81,90, 0.8); position: relative; }
.mobile-menu > ul > li > a i{ margin-right:8px; font-size:18px; float:left;}
/*.mobile-menu > ul > li > a > span { display:block; padding:12px 20px 12px 0; }*/
.mobile-menu > ul > li > a:hover { text-decoration:none; color:#dddedf; background:rgba(76,81,90, 0.8); }
.mobile-menu > ul > li.has-sub > a:hover{ color:#dddedf;}
.mobile-menu > ul > li.menu-item-has-children > a:hover{ color:#dddedf;}
.mobile-menu > ul > li.has-sub > a span { background:url(./images/down-arrow.png) no-repeat right center; }
.mobile-menu > ul > li.menu-item-has-children > a:after { background: url('./images/down-arrow.png') no-repeat right center; position: absolute; top: 0; bottom: 0px; width: 16px; right: 15px; content: " "; }
.mobile-menu > ul > li.has-sub.active > a span { background:url(./images/up-arrow.png) no-repeat right center; }
.mobile-menu > ul > li.menu-item-has-children.active > a:after { background:url(./images/up-arrow.png) no-repeat right center; }
.mobile-menu > ul > li.has-sub.active > a{ background:rgba(76,81,90, 0.8); }
.mobile-menu > ul > li.menu-item-has-children.active > a{ background:rgba(76,81,90, 0.8); }
.mobile-menu ul ul { display:none; padding:0;} 
.mobile-menu ul ul li { padding:0; border-top:none; border-bottom:1px solid #78849e; }
.mobile-menu ul ul li:last-child { border-bottom:none; }
.mobile-menu ul ul a { padding:10px 0; display:block; color:#eaeaea; font-size:18px; font-weight:700; color:#fff; line-height:30px; background:rgba(125,137,165, 0.9); }
.mobile-menu ul ul a:hover { color:#eaeaea; background:rgba(94,116,165, 0.8)}

.modal-btn{ padding-bottom:20px;}
.modal-btn a.button{ padding:0 15px; color:#fff; background:url(./images/down-arrow.png) no-repeat bottom center #616A7F; position:relative; font-weight:700; font-size:17px; width:250px; margin:0 auto 20px; display:block; line-height:50px;}
.modal-btn a.button:after{width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #616A7F; position:absolute; top:100%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.modal-btn a.button:hover{ background:url(./images/down-arrow.png) no-repeat bottom center #5e74a5; color:#fff;}
.modal-btn a.button:hover:after{ width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #5e74a5;}

.banner-btn{ position:absolute; bottom:0; left:0; right:0; overflow:hidden;}
.banner-btn ul{ position:relative; margin:0; padding:0; list-style:none; position:relative; display:table; width:100%}
.banner-btn ul:after{ background:rgba(76,81,90,0.8); position:absolute; top:0; left:100%; width:2000px; content:''; bottom:0; height:100%;}
.banner-btn ul:before{ background:rgba(76,81,90,0.8); position:absolute; top:0; right:100%; width:2000px; content:''; bottom:0; height:100%;}
.banner-btn ul li{ display:table-cell; vertical-align:middle; width:25%; border-bottom:1px solid #4c515a; border-top:1px solid #4c515a;}
.banner-btn ul li a{ display:block; text-align:center; padding:28px 15px; color:#fff; background:rgba(76,81,90,0.8); font-size:24px; font-weight:700; border-left:1px solid #4c515a; border-right:1px solid #4c515a;}
.banner-btn ul li a:hover{ background:rgba(94,116,165, 0.8); color:#fff;}
.banner-btn ul li a .icon{ height:42px; width:54px; background:url(./images/sprite-icon.png); margin:0 auto 12px; display:block; text-indent:-9999px;}
.banner-btn ul li a .icon.icon-1{ background-position:0 0;}
.banner-btn ul li a .icon.icon-2{ background-position:-54px 0;}
.banner-btn ul li a .icon.icon-3{ background-position:-108px 0;}
.banner-btn ul li a .icon.icon-4{ background-position:-162px 0;}

.page-wrapper { padding:47px 0 91px 0; background:#fff;}
.page-wrapper h1{ text-align:center; color:#4c515a; font-size:40px; margin-bottom:10px; line-height:1.1}
.page-wrapper h2{ color:#4c515a; text-align:center; font-size:24px; font-weight:400; line-height:1.1}
.page-wrapper p{ font-size:17px; line-height:25px;}
.page-wrapper [class^=col-]{ margin-top:20px;}

.w1{ padding:0 0 50px 0; /*background:url(https://www.smiles.ie/wp-content/themes/gate-dental-clinic/images/gate-clinic-galway-testimonials-bg-image.jpg) no-repeat center;*/  background:url(./images/gate-clinic-galway-testimonials-bg-image.jpg) no-repeat center; background-size:cover; background-color: #fff;}
.doctor-img{ margin-top: 20px; position: relative; text-align: center; min-height: 127px; width: 460px; margin-left: auto; margin-right: auto; }
.circle{ background:url(./images/circle.png); height:127px; width:127px; position:absolute; bottom:0; }
.circle.left{ left:30px; right:auto;}
.circle.right{ right:30px; left:auto;}
.circle-text{ height:127px; width:127px; display:table; text-align:center;}
.circle-inner{ display:table-cell; vertical-align:middle; color:#616A7F; line-height:16px; font-size:15px;}
.circle-inner small{ font-size:12px;}
.circle-inner strong{ display:block;}
.w1 .text-center{ padding:30px 0 50px 0;}
.w1 h3{ margin:0}
.w1 h4{ color:#616A7F; font-size:17px;}
.w1 h4 a{ color:#616A7F;}

.testimonial{ text-align:center}
.testimonial .item{ height: 175px; }
.testimonial blockquote{ margin:0; padding:0; border:none; font-size:17px;}
.testimonial cite{ font-size:15px; display:block; margin:15px 0; font-style:normal;}
.testimonial .owl-prev{ background:url(./images/prev.png) no-repeat right; height:58px; text-indent:-9999px; opacity:1; width:27px; left:-47px; position:absolute; top:50%; margin-top:-29px;}
.testimonial .owl-next{ background:url(./images/next.png) no-repeat left; height:58px; text-indent:-9999px; opacity:1; width:27px; right:-47px; position:absolute; top:50%; margin-top:-29px;}

.footer{ margin:0; padding:0; /*background:url(https://www.smiles.ie/wp-content/themes/gate-dental-clinic/images/footer-bg.jpg) no-repeat center top;*/ background:url(./images/footer-bg.jpg)  no-repeat center top;background-size:cover; text-align:center; background-color: #212121;}
.footer-top{ padding:45px 0; color:#fff; font-size:17px;}
.footer-top p, .footer-top ul{ margin:0 0 2px 0; padding:0; list-style:none;}
.footer-top ul li{ display:inline-block;}
.footer-top ul li:after{ float:right; content:'|'; margin:0 2px 0 4px; content:'|'}
.footer-top ul li:last-child:after{ display:none;}
.footer-top a{ font-weight:700;}

.footer-bottom{ border-top:1px solid #757980; font-size:17px; color:#fff; padding:25px 0}
.footer-bottom a{ font-weight:700;}

.owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent; position:relative}
.owl-carousel{display:none; width:100%; z-index:1}
.owl-carousel .owl-stage{position:relative; -ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.owl-carousel .owl-stage-outer{position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel, .owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-loading{opacity:0; display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-grab{cursor:move; cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0; transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d; transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative; height:100%; background:#000}
.owl-carousel .owl-video-play-icon{position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:-webkit-transform .1s ease; transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease}
.owl-next, .owl-prev{background-position:0 0}
.owl-carousel .owl-video-frame{position:relative; z-index:1; height:100%; width:100%}



.header{
    /* background: url('https://www.smiles.ie/wp-content/themes/gate-dental-clinic/images/inner_page_banner.jpg') no-repeat; */
    background: url('./images/inner_page_banner.jpg') no-repeat;
    background-size: cover;
}

.breadcrumb_wrap{
    background: rgba( 67, 82, 115, 0.8 );
    min-height: 50px;
}
.breadcrumb_wrap .breadcrumb{
    margin-bottom: 0px !important;
    margin-top: 5px;
    background: none !important;
}
.breadcrumb_wrap .breadcrumb li a{
    color: #FFF !important;
    font-size: 14px !important;
}
.breadcrumb_wrap .breadcrumb li:last-child a{
    color: #bcbdbf !important;
}
.breadcrumb_wrap .breadcrumb > li + li{
    font-family: FontAwesome;
}
.breadcrumb_wrap .breadcrumb > li + li:before{
    content: "\f105" !important;
    font-size: 14px;
    padding: 0 10px !important;
}
.breadcrumb_wrap .breadcrumb > li + li a{
    font-family: 'Source Sans Pro', sans-serif;
}

.page-wrapper [class^="col-"].nopadding {
   padding: 0 !important;
}

.inner-page-wrapper{
    margin-top: 200px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}
.admin-bar .inner-page-wrapper{
    margin-top: 170px;
}

.inner-page-wrapper h1{ text-align:left; }
.inner-page-wrapper h2{ text-align:left; }

.inner-page-wrapper .sidebar_wrap{
    /* background: url('https://www.smiles.ie/wp-content/themes/gate-dental-clinic/images/sidebar_bg.jpg') no-repeat; */
    background: url('./images/sidebar_bg.jpg') no-repeat;
    background-size: cover;
}

.sidebar_wrap .sidebar_menu ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.sidebar_wrap .sidebar_menu ul li{
    background: rgba(125, 137, 165, 0.9);
    padding: 0 10px 0 20px;
}
.sidebar_wrap .sidebar_menu ul li a{
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    padding: 15px 0;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #616A7F;
}
.sidebar_wrap .sidebar_menu ul li:first-child a{
    border-top: 0;
}
.sidebar_wrap .sidebar_menu ul li.active,
.sidebar_wrap .sidebar_menu ul li:hover{
    background: rgba(94, 116, 165, 0.9);
}
.sidebar_wrap .sidebar_menu ul li.post_parent{
    background: #4c5977 !important;
}
.sidebar_wrap .sidebar_menu ul li.post_parent:hover{
    background: #4c5977 !important;
}
.sidebar_wrap .sidebar_menu ul li.post_parent a{
    /* color: #bcbdbf; */
     color: #fff;
    position: relative;
}
.sidebar_wrap .sidebar_menu ul li.post_parent a:after{
    position: absolute;
    background: url(./images/down-arrow.png) no-repeat center;
    width: 16px;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 20px;
    content: ' ';
}
.sidebar_wrap .sidebar_menu ul li.post_parent.active a:after{
    background: url(./images/up-arrow.png) no-repeat center;
}

.sidebar_wrap .banner-btn{
    position: relative !important;
}
.sidebar_wrap .banner-btn ul li{
    width: 100%;
    display: block;
    border-top: 0px;
}
.sidebar_wrap .banner-btn ul li:first-child{
    border-top: 1px solid #4c515a;
}

.inner_page_the_content{
    min-height: 400px;
    padding-left: 40px;
}
.post_the_content ul li{
   font-size:17px; line-height:25px;
}
.post_the_content a{
    color: #616A7F;
    font-weight: bold;
}
.post_the_content a.button,
.post_the_content button:not(:is(.wp-video *)),
.post_the_content input[type="submit"]{ 
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding: 0 15px; color: #fff; background: #616A7F; 
    position: relative; font-weight: 700; font-size: 17px; line-height: 50px; display: inline-block;
    min-width: 200px;
    text-transform: uppercase;
    text-align: center;
    border:0;
}
.post_the_content a.button:hover,
.post_the_content button:hover:not(:is(.wp-video *)),
.post_the_content input[type="submit"]:hover{ background: #5e74a5; color: #fff; }


.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a{
    font-size: 24px;
    color: #616A7F !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading{
    background-color: #eaeaea !important;
}

.wpcf7{
    /* background: url(https://www.smiles.ie/wp-content/themes/gate-dental-clinic/images/contact-form-bg.jpg) no-repeat; */
     background: url(./images/contact-form-bg.jpg) no-repeat;
    background-size: cover;
    padding: 40px 35px !important;
}
.wpcf7-form label{
    display: inline-block;
    width: 100%;
}
.wpcf7-form .wpcf7-textarea{
    width: 100%;
    height: 100px;
    border: 0px;
    border-bottom: 2px solid #A8A8A8;
    padding: 5px;
    font-weight: normal;    
}
.wpcf7-form .wpcf7-select option{
    background: #A8A8A8;
}
.wpcf7-form .input{
    width: calc(100% - 1em);
}
.wpcf7-form .input__label--manami{
    background: #FFF;
    padding: 0.5em !important;
}

.input--manami .wpcf7-form-control-wrap{ display: block; }
.input--manami .wpcf7-not-valid-tip{ z-index: 99; position: absolute; font-size: 13px; top: 40px; }
.input--manami .comments_fields{ margin-bottom: 20px; }
.input--manami .comments_fields .wpcf7-not-valid-tip{ top: 100px; }


.clsPostTitle a:link, 
.clsPostTitle a:visited, 
.clsPostTitle a:active{
    color: #4c515a !important;
    font-size: 14px !important;
}


#cookie-notice .cn-button{ background-color: #5e74a5 !important; border-radius: 0 !important;  }



/* #Media Queries
================================================== */
/* Large desktop */

@media (min-width:992px) and (max-width:1199px) {
.logo{ line-height:50px; width:250px;}
.pre-header ul li a.button{ font-size:15px;}
.phone-no{ font-size:30px;}
.banner-btn ul li a{ font-size:22px;}
} 
/* END__ */

@media only screen and (max-width:991px) {
.inner-page-wrapper{
    margin-top: 157px;
}
.admin-bar .inner-page-wrapper{
    margin-top: 127px;
}
.inner_page_the_content{
    padding-left: 0px;
}
.sidebar_wrap .banner-btn{
    display: none;
}
.sidebar_wrap .sidebar_menu .sub_pages{
    display: none;
}
}
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.banner .carousel-caption p{ font-size:36px; line-height:40px;}
.pre-header ul{ display:none;}
.phone-no span.text{ display:none}
.phone-no span.icon:after{ display:none;}
.phone-no span.icon{ margin-right:15px; background:url(./images/phone-icon.png) no-repeat center; float:none;}
.logo{ line-height:50px; width:300px;}
.banner-btn ul li a{ font-size:18px;}
.banner-btn .container{ padding-left:0; padding-right:0;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.pre-header{ padding:12px 0}
.banner .carousel-caption{ text-align:center;}
.banner .carousel-caption p{ font-size:22px; line-height:26px;}
.banner .carousel-caption a.button{ display:block; margin:10px auto 0}
.banner .carousel-control.left{ background:url(./images/prev.png) no-repeat 5px; }
.banner .carousel-control.right{ background:url(./images/next.png) no-repeat 26px; }
.pre-header ul{ display:none;}
.phone-no span.text{ display:none}
.phone-no span.icon:after{ display:none;}
.phone-no span.icon{ margin-right:15px; background:url(./images/phone-icon.png) no-repeat center; float:none;}
.logo{ line-height:50px; width:200px;}
.banner-btn{ position:relative; top:auto; left:auto; right:auto; bottom:auto; border-top:1px solid #4c515a;  border-left:1px solid #4c515a; }
.banner .banner-btn{
    position: fixed;
    bottom: 0;
    width: 100%;
}
.banner .banner-btn ul li a{
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: 50%;
    font-size: 14px;
}
.banner .banner-btn ul li a .icon{
    height: 21px;
    width: 27px;
    background-size: 400%;
}
.banner-btn .container{ padding-left:0; padding-right:0;}
.banner-btn ul:after,.banner-btn ul:before{ display:none;}
.banner-btn ul{ display:block; border:none;}
.banner-btn ul li{ float:left; width:50%; border:none}
.banner-btn ul li a{ border-bottom:1px solid #4c515a;  border-right:1px solid #4c515a; font-size:16px;}
.circle{ margin:25px auto 0; position:relative; bottom:auto}
.circle.left, .circle.right{ left:auto; right:auto;}
.testimonial .carousel-control.left{left:-10px;}
.testimonial .carousel-control.right{ right:-10px;}
.w1{ padding:25px;}
.w1 .text-center{ padding:25px 0;}
.page-wrapper, .footer-top{ padding:25px 0;}
.doctor-img{ margin-top:0; width: auto; }
.testimonial{ padding:0 15px;}

.inner-page-wrapper{
    margin-top: 130px;
}
.admin-bar .inner-page-wrapper{
    margin-top: 80px;
}

.post_the_content .button_wrap a.button{
    width: 100%;
    margin-bottom: 5px;
}

.wpcf7{
    padding: 15px 10px !important;
}

} 
@media (max-width:780px) {
    .banner, .banner .carousel, .banner .carousel .item, .banner .carousel .item .active{max-height: 768px;}
} 
/* END__ */

@media (max-width:480px) {
} 
/* END__ */

/* Pojo Accessibility */
#pojo-a11y-toolbar .pojo-a11y-toolbar-item a{ text-decoration: none; }
/* #pojo-a11y-toolbar.pojo-a11y-toolbar-right{ top: 87vh !important; } */
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {transform: translateY(-87%);}

@media (max-width:768px){
    #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {transform: translateY(-35vh);}
}

@media (min-width:768px){
    .gate-two-column-outer{ margin-left: -20px !important; margin-right: -20px !important;}
   .gate-two-column-outer .gate-two-column{ width: calc(50% - 10px); margin: 0 5px;}
   .gate-two-column-outer .gate-two-column > .vc_column-inner{ height: 100%;}
   .button-outer a.button.orange-btn{margin: 0 3px; }
}

@media (max-width:768px){
   .gate-two-column-outer .gate-two-column:first-child{margin-bottom: 20px;}
   .gate-two-column-outer.dental-finance .gate-two-column{ padding: 10px 20px; margin-bottom: 0px;}
   .post_the_content a.button.orange-btn{ margin: 5px auto;}
}

.post_the_content a.button.orange-btn{ background: #cc4e00;}
.post_the_content a.button.orange-btn:hover{ background: #ff6200;}

.responsive-table {background-color: #fff;padding: 20px 20px 10px 20px;overflow: auto;}
.responsive-table table {min-width: 450px;width: 100%;}
.responsive-table table tr:has(td):first-child td {padding-top: 10px;}
.responsive-table table th {text-align: left;padding-bottom: 10px;border-bottom: 2px solid #f1f1f1;}
.responsive-table table tr:has(td):first-child td {padding-top: 10px;}


/* Skip Link */
.skip-to-main { position: absolute; left: -250px; top: 0px; background: #fff; text-align: center; text-decoration: none; padding: 10px 20px; color: #616A7F;}
.skip-to-main:focus{ left: 0; z-index: 9999; }

/*Accessibility  */
.banner-section{ height: 100%;}
a:focus{ outline: auto !important;}
.wpcf7-form .gt-label { display: inline-block; margin-bottom: 5px; font-weight: bold;}
fieldset{ padding: 0 !important; margin: 0 !important; border: 0 !important;}
.gt-hidden{ display: none !important;}
.dental-fc h3{ font-size: 18px; margin-bottom: 15px; margin-top: 0;}
.gt-menu-outer{ display: flex; justify-content: end;}
.table > thead > tr > th { font-weight: normal; }
.wpcf7-form .input #input-1018, .wpcf7-form .input #input-1020{ background: #fff !important; color: #4c515a !important; opacity: 1 !important; border-bottom: 2px solid #a8a8a8;}
.gate-banner-slider{ position: absolute; color: #fff; z-index: -1;}

.gate-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}

@media (max-width:768px){
.wpb_gallery_slides .wpb_image_grid_ul { display: flex; flex-wrap: wrap; height: auto !important; gap: 1px;}
.wpb_gallery_slides .wpb_image_grid_ul li.isotope-item{ position: relative !important; width: calc(50% - 1px) !important; float: unset !important; margin: 0 !important; left: unset !important; top: unset !important;}
.wpb_gallery_slides .wpb_image_grid_ul li.isotope-item img{ width: 100% !important;}
}
/* Video Player */
.mejs-volume-button, .mejs-fullscreen-button, .mejs-time, .mejs-playpause-button{ overflow: hidden !important; position: relative !important;}