/*
Theme Name:         Innisfail
Theme URI:          https://www.linkedin.com/in/ruel-cena-2825885/
Description:        A custom theme for the website
Version:            1.0
Author:             php.rcena@gmail.com
Author URI:         https://www.linkedin.com/in/ruel-cena-2825885/
Text Domain:        wm
License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

body {
  font-family: 'Open Sans',arial,sans-serif;
  font-size: 16px;
  color: #484848;
  line-height: 1.6;
  font-weight: 300;
  background-color: #fff;  
}

.page-header { 
    margin-top: 10px;
    font-family: 'Patua One', cursive;
    color:#30498b;
}
.page-header h1 {
    margin-top: 0px;
}

.hd-title {
    font-family: 'Patua One', cursive;
    color:#30498b;
}


.navbar {
    border-radius: 0px;
    border: 0px;
}

/*Header*/


.ins-t1-hdr {background-color:#fff;padding-top:15px;padding-bottom:15px;}
.ins-t2-hdr {background-color: rgba(66,133,244,0.1);   
}

.single .ins-t2-hdr,
.search .ins-t2-hdr,
.category .ins-t2-hdr,
.page-template-default .ins-t2-hdr {
    -webkit-box-shadow: 0 4px 5px -6px black;
    -moz-box-shadow: 0 4px 5px -6px black;
         box-shadow: 0 4px 5px -6px black;
    padding: 0px;
    margin: 0px;
}

.page-template-default .wrap.container {
    padding-top: 30px;
}

.category .wrap.container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.search-form {
    
}

.search-form .fa-facebook-square {
    margin-top: 8px;    
    font-size: 34px;
    margin-right: 10px;
}

.search-form .input-group {
    margin-top: -12px;    
}

.ins-t1-hdr .logo {
    margin-left: 10px;
}

.ins-t1-hdr .ada-logo {
  display:inline-block;
  background: url(assets/images/ada.png) no-repeat left top;
  background-size: contain;
  width: 50px;
  height: 22px;
  float:left;
  margin-right: 10px;  
}
.ins-t1-hdr .tag-line {display:inline-block;float:left;font-size: 13px;font-weight:bold;color:#003399;margin-left:-8px;}

.ins-t1-hdr .navbar-brand {font-size: 36px;color:#003399;font-weight: bold;text-transform:uppercase;padding-left:0px;margin-left:15px;    
}




.ins-t2-hdr .navbar-default {
    color:#1e4c8e;    
    border-color: transparent;
    background-color: transparent;
}

.ins-t2-hdr .navbar-default .navbar-nav>li>a {
    color:#1e4c8e;
    font-weight: bold;
    text-transform: uppercase;    
}

.ins-t2-hdr .navbar-default .navbar-nav>li.active>a {
    color:#ffffff;
}

.ins-t2-hdr .navbar-default .navbar-nav>li:hover>a {
    background-color: #4285f4;
    color:#ffffff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
  background-color: #4285f4;
  color:#ffffff;  
}


.navbar-static-top {border-width: 0px;}

.ins-t2-hdr .navbar {margin-bottom: 0px;}




/*Features*/

.ins-feature {
height: 500px;
/*background-image: url('assets/images/feature-bg.jpg');*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}

.ins-feature.container-fluid {padding:0px;}

.ins-feature .ins-tag-line {position:absolute;height:120px;width:100%;background-color: rgba(0,0,0,0.5);color:#fff;text-align:center;bottom:0px;overflow:hidden;}
.ins-feature .ins-tag-line h1 {padding:10px 0 15px 0;font-size: 28px;font-weight:300;}

.ins-feature .ins-tag-line .tag-line2 {display:none;}

/*Services f6da57 org#ffcc33*/
.ins-services {    
    padding-top: 40px;
    padding-bottom: 10px;
    color:#ffffff;
    background-color: #4285f4;
    background-image: radial-gradient(circle farthest-side at center bottom,#4285f4,#30498b 125%);
}


.ins-services .pictures {border: 2px solid #fff;width: 250px;height:285px;}


.ins-services .svg-team svg path {
    fill: #fc8801;
}

.ins-services .svg-our-services svg path {
    fill: #c2016e;
}

.ins-services .svg-patient-forms svg path {
    fill: #162038;
}

.ins-services .svg-appointments svg path {
    fill: #ffdc30;
}


.ins-services a svg .background {
    transition: .3s all;    
}

.ins-services a:hover svg .background {   
   fill: #ffffff; 
}

.ins-services .col {
    text-align: center;
    position: relative;
    height: 410px;
}


.ins-services .read-more {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    margin-left: -15px;
}

.ins-services .read-more a {
    text-transform: uppercase;
}

.ins-services .read-more .btn1 {
    background-color: #fc8801;
    color: #ffffff;
}

.ins-services .read-more .btn1:hover {
    background-color: rgba(252,136,1,0.5); 
}

.ins-services .read-more .btn2 {
    background-color: #c2016e;
    color: #ffffff;
}

.ins-services .read-more .btn2:hover {
    background-color: rgba(194,1,110,0.5);    
}

.ins-services .read-more .btn3 {    
    background-color: #30498b;
    color: #ffffff;
}

.ins-services .read-more .btn3:hover {    
    background-color: rgba(48,73,139,0.5);    
}

.ins-services .read-more .btn4 {
    background-color: #ffdc30;
    color: #bd6409;
}

.ins-services .read-more .btn4:hover {
    background-color: rgba(255,220,48,0.5);    
}

.ins-services .read-more .btn4,
.ins-services .read-more .btn3,
.ins-services .read-more .btn2,
.ins-services .read-more .btn1 {    
    border-radius: 40px;    
    display: inline-block;
    font-size: 16px;    
    line-height: 1.1em;
    text-decoration: none;
    margin: 0.4em 0;
    padding: 16px 30px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Oswald', Verdana, sans-serif;
    -webkit-box-shadow: 0 6px 5px -6px black;
    -moz-box-shadow: 0 6px 5px -6px black;
         box-shadow: 0 6px 5px -6px black;    
}

.ins-services .read-more .btn4:hover,
.ins-services .read-more .btn3:hover,
.ins-services .read-more .btn2:hover,
.ins-services .read-more .btn1:hover {    
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
    transition-delay: 0s;    
    color: #000000;
    -webkit-box-shadow: 0 5px 5px -6px black;
    -moz-box-shadow: 0 5px 5px -6px black;
         box-shadow: 0 5px 5px -6px black;    
}


/*Patient*/
.ins-patient {
    color: #fff;
    background: #30498b;
    padding-top: 40px;
    padding-bottom: 30px;
}

.ins-patient .patient-text {font-size: 20px;}

.ins-patient .trusted-text {margin-bottom: 20px;}
.ins-patient .trusted-text h1{
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #36a0f2;
}

.ins-patient .trusted-text h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #ffffff;
}


/*Main content*/
.ins-main {
    padding-top: 30px;padding-bottom: 30px;        
}

.wrap.container {min-height: 500px;}


/*Map*/
.ins-map {background-color:#fff;min-height: 350px;}

/*Category*/
.single .entry-title,
.category .entry-title a {
    color: #30498b;
    font-family: 'Patua One', cursive;
}


footer {
    background-color: #4285f4;
    background-image: radial-gradient(circle farthest-side at center bottom,#4285f4,#30498b 125%);
}

/*Location*/
.ins-location {
    color:#fff;    
    padding-top: 30px; 
    padding-bottom: 20px;
}
.ins-location .social-nav li .fa {color:#fff;font-size: 42px;}
.ins-location .social-nav {padding-left:0px;}

.ins-location h3 {
    border-bottom: 1px solid rgba(255,255,255,0.4);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/*our team*/

.our-team .team-photo {
    position: relative;
}

.our-team .team-photo .description {
    position: absolute;
    padding: 10px;    
    color: #ffffff;
    bottom: 2px;
    width: 100%;
    text-align: center;
}

.our-team .team-photo .description h4 {
    padding: 0px;
}

/*FRONTPAGE*/
.office-tour {
    background-color: #f0345e;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 15px;
    color: #ffffff;
}

.keys-care h2,
.office-tour h2 {padding: 0px;margin:0px;margin-bottom: 15px;}

.keys-care {
    background-color: #f38220;
    border-radius: 4px;
    padding: 20px;
    color: #ffffff;    
}

/*Footer menu*/
.ins-submenu {color:#fff;padding-bottom: 30px;
}
.ins-submenu a {display:inline-block;color:#fff;margin-right: 15px;}

.copyright {
    margin-bottom: 15px;
}


/*Social Nav*/

.social-nav {list-style:none;display:inline-block;margin-top:5px;margin-bottom:0px;}
.social-nav li {display:inline-block;margin-right:10px;}
.social-nav li .fa {font-size: 22px;color:#ffffff;}
.social-nav li .fa.fa-google-plus {color:#ff0033;}

/*MISC*/

.c-y {
    color: #ffcc00 !important
}

.b-b {
border-bottom: 1px solid rgba(0,0,0,0.1);
padding-bottom: 10px;
}

.wom {
    display: none;
}
.sidebar {margin: 15px 0 15px 0;}

ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }

.phone .phone-number {}
.phone .fa {margin-right:5px;}
.appointment {}
.appointment .fa {margin-right: 5px;}
.appointment a {
    color:#484848;
}

.m-t {
    margin-top: 15px;
}

.m-b {
    margin-bottom: 15px;
}

.m-t-lg {
    margin-top: 25px;
}

.m-b-lg {
    margin-bottom: 25px;
}

.n-p {padding:0px;}
.n-p-l {padding-left:0px;}
.n-p-r {padding-right:0px;}

.p-t {padding-top:10px;}

.cl-b {color: #30498b;}
.cl-r {color: #f0345e;}
.cl-w {color: #ffffff;}

.font-oswald-bold {
font-weight: normal;
font-family: 'Oswald', Verdana, sans-serif;
line-height: 1.2em;
text-transform: uppercase;
font-weight: 700;
margin-top: 0.7em;
}

/*tour*/
#tour {
    height: 650px;
    margin-bottom: 50px
}
#tour img {
   width: 100%; 
}

#tour .carousel-indicators li {
    border: 2px solid #f0345e;
}

#tour .carousel-control {
    height: 650px;
}


/*BUTTONS*/

.btn-white {
    background-color: #ffffff;
    border-radius: 40px;    
    display: inline-block;
    font-size: 16px;    
    line-height: 1.1em;
    text-decoration: none;
    margin: 0.4em 0;
    padding: 8px 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Oswald', Verdana, sans-serif;
}

.btn-white:hover {    
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
    transition-delay: 0s;
    background-color: rgba(255,255,255,0.4);    
    color: #30498b;
}

.btn-white a {
    color: #0275d8;
}

.btn-primary {
    background-color: #4285f4;    
}

.contact-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    text-decoration: none;
    z-index: 3;
    margin-left: 60px;
}

.contact-btn a:hover {
    color: #fff;
    border-color: #7499c5;
    text-decoration: none;
}

.contact-btn a {
    color: #b4c4de;    
    font-size: 22px;
    font-family: 'Montserrat',sans-serif;
    padding: 15px 20px;
    border: 3px solid #7499c5;
    border-radius: 5px;
    text-transform: uppercase;
}


.contact-pod-btn {
    position: relative;
    text-align: center;
    font-size: 26px !important;    
    padding: 15px;
    cursor: pointer;    
    margin-bottom: 10px;
    color: #fff;
    border-radius: 6px;
    background: #7499c5;
    font-weight: bold;
}

.contact-pod-btn a {
    color: #fff;
    text-decoration: none;
}

.invalid-captcha {display: none;border-color: #f5c6cb;padding:4px 8px;border-radius:3px;
    color:red;
    margin-top: 2px;
    background-color: #f8d7da;    
    font-size: 13px;
}

.has-error .help-block {
    margin-top: 2px;
    background-color: #f8d7da;
    border-color: #f5c6cb;padding:4px 8px;border-radius:3px;
    color:red;
    display: block;
}

/*RESET*/

.dropdown-menu {
    background-color: #ecf3fe;
    padding: 0 0;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #4285f4;
}

.dropdown-menu>li>a { 
    padding: 12px 26px
}

.dropdown-menu>li > a:hover {
    background-color: #4285f4;
    color:#ffffff;
}

.page-template-default main {
    padding-bottom: 30px;
}


.radio-select span {
display: inline-block;
margin-right: 15px;
margin-left: 8px;
}

.mt-3 {
margin-top: 30px;
}

.mb-3 {
margin-bottom: 30px;
}

.txt-white {
    color: #ffffff !important;
}

.txt-black {
    color: #484848 !important;
}


/*RESPONSIVE*/
@media screen and (max-width: 768px) {

    .ins-services.container-fluid .hd-title {
        font-size: 22px;
    }    

    .ins-services .col {        
        height: 370px;
    }

    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .res-qip {
        margin-bottom: 15px;
    }
    
    .res-qip img {
        width: 100px;
        text-align: center;
        margin: 0 auto;
    }

     .ins-t1-hdr .navbar-brand {
        font-size: 28px;
    }


    .res-address {
        text-align: center;
    }

    .ins-t2-hdr.container-fluid,
    .res-menu {
        padding: 0px;
    }

    .ins-t2-hdr.container-fluid .container {
        padding: 0px;
    }

    .ins-feature .ins-tag-line h1 {
        font-size: 20px;
    }

    .ins-t1-hdr .ada-logo {
        margin-left: -10px;
    }

}

@media screen and (max-width: 640px) {
   
    .ins-t1-hdr .tag-line {
        font-size: 10px;
    }    

    .dropdown-menu {
        position: relative;
        float: none;
        border: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

}

@media screen and (max-width: 414px) {
   
    .ins-t1-hdr .navbar-brand {
        font-size: 22px;
    }

    .res-ada {
        margin-left: -40px;
    }
}

@media screen and (max-width: 320px) {
    .ins-t1-hdr .navbar-brand {
        font-size: 18px;
    }
}