/*
 Theme Name:   Dentalia child theme 
 Theme URI:    http://orionthemes.com/dentalia
 Description:  Dentalia child theme
 Author:       OrionThemes.com
 Author URI:   http://orionthemes.com
 Template:     dentalia
 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:  dentalia-child
*/

/*
blue:00a5e4; now #0076a3
green:#59a432 now #008d40
gray:5f6062
 */
.close-form {
position: absolute !important;
    z-index: 9999999999  !important;
    color: #fff  !important;
    top: 10px  !important;
    right: 10px  !important;
}
.rhinogram-widget--freeform { bottom:0 !important; visibility:hidden; }
.site-header .header-widgets   h4.item-title { font-size:1em; font-size: .95em; }
.header-widgets  a:hover, #orion_icon_text_w-3 a:hover { color:#ccc !important; }
@media (min-width: 992px) {
	
	.nav-light .nav-menu > li.current_page_item > a,.nav-light .nav-menu > li.current-menu-ancestor > a {     color: #333 !important;
    background: rgba(0,0,0,0.05) !important; }
.header-classic a.logo > img {
	height:120px;
	}
}

.header-widgets .icon-box-items-wrap .icon-wrap:not(.simple) > span {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.working-hours-wrap .current-day { color:#fff !important; }
.contactinnerwrap input.btn-c1[type="submit"] { background-color:#008d40; }

.site-footer .widget img { width:272px; height:auto; }
.site-footer .sow-image-container img { width:100%; }

.fsep { padding:0 8px; }

.site-footer #orion_icon_text_w-3 .icon-box-items-wrap.short a { padding-top:0px; }
.site-footer #orion_icon_text_w-3 .icon-box-items-wrap.short .icon-wrap.simple > span {
    font-size: 28px;
}
.site-footer #orion_icon_text_w-3 .icon-box-items-wrap.short .description { font-size:16px; }

.site-footer #orion_icon_text_w-3 .icon-box-items-wrap.short .icon-wrap > span {
    width: 28px;
    height: 28px;
}

.btn.btn-white.btn-wire:hover.icon-right:hover span[class*="icon"] { color:#333 !important; }
.site-footer #orion_icon_text_w-3 .icon-box-wrap:first-child .item-title { position:relative; top:10px;  }

.site-footer #sow-editor-2 small { line-height:15px;}

.whiteimgborder img { border:13px solid #fff;}

.mainnav-button-wrap a { font-weight:700 !important; }
body .stickymenu.stuckbk .ctawrap a { line-height:46px; }

.site-footer .widget-title:before { background-color:#00a9e9 !important;}

.page-heading.heading-classic {
    background-image: url(/wp-content/uploads/2016/09/dentalia-demo-bg-lights.jpg);
}
.contactinnerwrap .overlay-c1-wrapper {
    background: #0076a3;
    opacity: 0.46;
}
.contactinnerwrap .separator-style-1:before {
    border-bottom: 2px solid rgba(255, 255, 255, 0.77);
	}
@media (max-width: 991px) {
	
	.home #pl-1000 {  display: flex;
  flex-wrap: wrap;  flex-direction: row; }
	
	.home #pg-1000-0 { order:1;}
	.home #pg-1000-1 { order:2;}
	.home #pg-1000-2 { order:4; width:100%;}
	.home #pg-1000-3 { order:3; width:100% !important; margin:0 !important; }
	.home #pg-1000-4 { order:5;}
a.logo img { height:120px;}
	.mainheader .site-branding a.logo {
    position: relative;
    margin-top: 50px;
    margin-bottom: 23px;
	}
	.mobiephone { position: absolute; width: 100%; z-index:9; text-align: center; text-decoration: none; top: 9px; }
		.mobiephone .fa { font-size: 24px; position: relative; top: 2px;}
		.site-footer .orion_portrait { text-align: center;  }
		.site-footer .btn-white { width:100%; }
		.header-widgets { background-color:#0076a3 !important; }
		.home .tp-caption { display:none !important; }
		.contactinnerwrap .wpcf7 { width:90% !important; margin:0 auto !important; }
	}

.icon-box-wrap .clearfix .col-lg-12 .col-sm-12 .text-light{margin-bottom:10px!important;}
div.wpcf7-response-output{display:none;}

/************************/
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 370px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  margin: 20px 0px;	
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color:#0076a3;
  color: white;
  transform: rotateY(180deg);
}

.flip-card-back .mainnav-button-wrap{padding:48% 0px 0px 0px;}

.flip-card-back p{color:#fff!important;}

@media (min-width:992px){
	.flip-card-btn{display: inline-block;}
}


/* Style the skip links */
.skip-link {
  position: absolute;
  top: -40px; /* Hide off-screen initially */
  left: 0;
  padding: 8px 16px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  z-index: 1000;
}
.skip-link:focus {
  top: 10px; /* Move it into view when focused */
  left: 10px;
  outline: 2px solid #fff; /* Add focus styling for visibility */
}

/************************/