/*
Theme Name: ruazero
Theme URI: https://www.drrodrigooftalmo.com.br
Author: wfmultimida
Author URI: http://www.wfmultimidia.com.br
Description: Tema desenvolvido por WF MULTIMIDIA 
Version: 1.0
*/
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* 
font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
:root {
  --azul: #044272;
  --azulclaro: #e4f2fd;
  --titulo: #8ea7bf;
  --laranja: #ff8400;
  --zap: #6bbc15;
}

html, body { font-family: 'Montserrat', sans-serif;color: var(--azul); font-size: 14px; font-weight: 300;  }
h1, h2, h3 {font-family: 'Montserrat', sans-serif;}
a:link {color:#f1cd00}
a:visited {color:#f1cd00}
a:active {color:#f1cd00}
a:hover {color:#000; text-decoration:none;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
h1 { font-size: 20px; font-weight: 400;}
h2 { font-weight: 700; padding-bottom: 20px;}
.padtop { margin-top: 86px;}

.btlaranja {background: var(--laranja); font-size: 20px; border-radius: 5px; margin-top: 15px; color:#fff !important; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;}
.btlaranja i { background: var(--zap); padding: 10px; margin-left: 5px; color:#fff !important;}
.btlaranja:hover {background: var(--zap);}
@media (min-width: 300px) {.logo { padding: 20px 15px; background: var(--azul);     margin-top: -26px;
    width: 299px;}}
@media (min-width: 500px) {.logo { padding: 20px 15px; background: var(--azul); margin-top: -35px; width: 382px;}}
@media (min-width: 769px) {.logo { padding: 20px 15px; background: var(--azul); margin-top: -35px; width: 382px;}}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
                
.same {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
  }
  .same > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }



.d-flex {
    display:flex;
}
.d-flex>div {
    float: none;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.center { text-align: center; }

.navtop { border-radius: 0px; border: none; background: var(--azulclaro); margin-top: 20px;}
.ulmenu a:link { font-weight: 400; color:  var(--azul) !important;}
.ulmenu a:active { font-weight: 400; color:  var(--azul) !important;}
.ulmenu a:visited { font-weight: 400; color:  var(--azul) !important;}
.ulmenu a:hover { font-weight: 400; color:  var(--titulo) !important;}
.eye { margin-top: 35px; margin-bottom: 40px;}

.box { background: var(--azulclaro); padding: 15px; height: 100%;}
.box h2 { color: var(--titulo);}
.box p { font-weight: 500;}

.mideye { background: url('img/meio.png') right center no-repeat #fff; }

.page p { font-weight: 500; padding-bottom: 20px}
.page h3 { font-weight: 500; font-size: 32px; padding-bottom: 40px;}

figcaption { font-weight: 500; padding-bottom: 25px; padding-top: 10px;}


.bluebg { background: var(--azul); color: #fff; margin-top: 60px; padding-top: 40px; padding-bottom: 40px; }
.bluebg h3 { font-weight: 500; font-size: 32px; padding-bottom: 40px; color:#fff;}

.panel-default>.panel-heading {
    color: #fff;
    background-color: transparent;
    border-color: none;
}
.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
	border-radius: 4px;
	background: var(--azulclaro);
	color: var(--azul);
	font-weight: 600;
}

.panel-default>.panel-heading a:link{
    color: #fff;
}
.panel-default>.panel-heading a:active{
    color: #fff;
}
.panel-default>.panel-heading a:visited{
    color: #fff;
}
.panel-default>.panel-heading a:hover{
    color: var(--azulclaro);
}


.contato { background-image: url('img/bg.jpg'); background-attachment: fixed; font-size: 22px; background-size: cover; padding-top: 40px; padding-bottom: 40px;}
.contato img { width: 100%; max-width: 600px;}
.contato a:link { color: var(--azul);}
.contato a:active { color: var(--azul);}
.contato a:visited { color: var(--azul);}
.contato a:hover { color: var(--azul);}


footer { background: var(--azulclaro); color: var(--azul); padding-top: 60px; padding-bottom: 30px;  }
footer h6 { font-weight: bold; font-size: 20px;   padding-inline-start: 40px;}
footer ul { list-style: none;    }
footer a:link {color: var(--azul);}
footer a:active {color: var(--azul);}
footer a:visited {color: var(--azul);}
footer a:hover {color: var(--azul);}

.floatbt { position: fixed; right: 15px; bottom: 15px; }