/* 
LDIAS - estilos para o site silvanaferreira.pt 
Silvana color
#84b9db - cor da sidebar
#3c80ff - cor do simbolo psicologia
#f2f8fb - cor da area de conteudo
#001f51 - cor da fonte

1 - col-lg-12
2 - col-lg-6
3 - col-lg-4
4 - col-lg-3
5 - col-lg-15

*/

@font-face {
  font-family: Montserrat;
  src: url('../vendor/fonts/Montserrat-Regular.ttf') format('truetype')
}

@font-face {
  font-family: MontserratBold;
  src: url('../vendor/fonts/Montserrat-Bold.ttf') format('truetype')
}

html,
body {
    height: 100%;
}

body {
	font-family: Montserrat;
	font-size: 1.6rem;
	color: #001f51;
	background-color: #f2f8fb;
}

a, a h3 {
	cursor: pointer;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-ms-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;	
}

a:focus, a:hover {
	text-decoration: none;
}

a h3:hover, a h3:focus {
	color: #84b9db;
}

h1, h2, h3 { font-family: MontserratBold; color: #001f51; }
.btn-default { color: #001f51; }

.mt-10 { margin-top: 10px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mt-20 { margin-top: 20px; }
.pl-40 { padding-left: 40px; }
.pr-40 { padding-right: 40px; }
.pb-10 { padding-bottom: 10px; }
.bb-1 { border-bottom: 1px solid #d6d6d6;}
.bt-1 { border-top: 1px solid #d6d6d6;}
.pt-8 { padding-top: 8px; }
.fl { float: left; }
.mh-114 { min-height: 114px; }

section { margin-bottom: 20px; }

.separator { text-align: center; height: 20px; color: #e6e6e6; }

.sf-event {
	padding: 5px;	
}

h3.sf-event-item { margin-top: 4px;}

.sf-event-container {
	float: left;
	border-radius: 25px;		
	background-color: white;
	border: .1rem solid rgba(97,146,232,.5);
	padding-bottom: 10px;
	width: 100%;
}

.content-column { margin-top: 20px; }

.event-title {
	/* min-height: 78px; */
}
.event-status {
	color: red;
	font-weight: bold;
	font-style: italic;
}

.event-label {
	font-weight: bold;
}

.brand-text { 
	color: white; 
	line-height: 4.4rem;
}

.img-with-border {
	border: .8rem solid rgba(97,146,232,.5);
}

.img-profile {
	border: .8rem solid rgba(255,255,255,.5);
	max-width: 160px;
}

.img-sf { max-width: 180px; }

.img-event {
	/* width: 180px;*/
	margin-bottom: 10px;
}

.navbar-inverse { 
	border-color: transparent;
}

.nav-tabs>li {
	background-color: #f2f8fb;	
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background-color: #f2f8fb;
	color: #001f51;
    border: 1.4px solid #ddd;	
}

.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
	color: #6192e8;
}

.img-center {
	margin: 0 auto;
}

footer.sf-footer {
    margin: 50px 0;
	padding-top: 10px;
	text-align: center;
}

.navbar-brand { 
	float: none;
	padding: 0;
}

.navbar-header {
	border-bottom: none;
}

.navbar-silvana {
	background-color: #b2cbb2;
	background-color: #84b9db;
}

.navbar-silvana .navbar-nav>li>a {
    color: white;
	text-shadow: 1px 1px #afb6a1;
}

.navbar-silvana .navbar-nav>li>a.active-page {
    color: #001f51;
}

.navbar-silvana .navbar-nav>li:hover > a {
    color: #001f51;
}


.carousel-item {
	height: 200px;
}

blockquote { font-size: 1.8rem;}

blockquote p:before { 
    content: open-quote;
    font-weight: bold;
} 

blockquote p:after { 
    content: close-quote;
    font-weight: bold;
}

blockquote .small, blockquote footer, blockquote small {
	font-size: 100%;
}
footer {
	/* border-top: 1px solid #d6d6d6; */
}

.blockquote-footer { border-top: none;}

.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;
}

.page-header {
	border-bottom: 1px solid #d6d6d6;
}

a .img-with-border {
	cursor: pointer;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-ms-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}

a .img-with-border:hover {
	border: .8rem solid #001f51;	
}

.social-icon { width: 36px; margin-left: 8px; }

.back-to-top {
	color: #84b9db;
    display: none;
    position: fixed;
    bottom: 26px;
    right: 8px;	
}

.back-to-top:hover {
	text-decoration: none;
}
.back-to-top span {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    color: #f2f8fb;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -o-border-radius: 60px;
    text-align: center;
    background-color: #84b9db;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sound-buttons { position: absolute; right: 40px; top: 10px; z-index: 999;}

.btn-round-lg {
border-radius: 22.5px;
}
.btn-round {
border-radius: 17px;
}
.btn-round-sm  {
border-radius: 15px;
}
.btn-round-xs {
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
}

.bottom-align {
  display: block;
  vertical-align: bottom;
}

.badge-danger { color: #fff; background-color: #dc3545; }
.badge-warning { color: #212529; background-color: #ffc107; }
.badge-success { color: #fff; background-color: #28a745; }

.tema-provavel { color: #000000; background-color: #00ff00; }
.tema-pouco-provavel { color: #000000; background-color: #ffff00; }
.tema-improvavel { color: #ffffff; background-color: #ff0000; }

#popup-window .modal-dialog { text-align:center;}
#popup-window .modal-content.modal-content-for-image { 
    display:inline-block; 
    padding: 10px; 
    background-color: white; 
    border: 4; 
    -webkit-box-shadow: none;  
    box-shadow: none;
    }
#popup-window .modal-header { min-height: 0; padding: 0; border-bottom: none;}
#popup-window .modal-header button.close { position: absolute; top:-20px; left: 99%; color: red; }
#popup-window .modal-header button.close img { width: 40px;}
#popup-window .modal-dialog.modal-dialog-for-image{
    position: relative;
    display: table; /* This is important */ 
    overflow-y: auto;    
    overflow-x: auto;
    width: auto;
    height: auto;
}
#popup-window .modal-dialog.modal-dialog-for-text{
    position: relative;
    display: table; /* This is important */ 
    overflow-y: auto;    
    overflow-x: auto;
    width: 60%;
    height: 60%;
	padding: 20px;
}
.close { opacity: unset;}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .pull-lg-left {
        float: left !important;
    }
    .pull-lg-right {
        float: right !important;
    }
    .pull-lg-none {
        float: none !important;
    }
    .col-lg-15 {
        width: 20%;
        float: left;
    }	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .pull-md-left {
        float: left !important;
    }
    .pull-md-right {
        float: right !important;
    }
    .pull-md-none {
        float: none !important;
    }
    .col-md-15 {
        width: 20%;
        float: left;
    }	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .pull-sm-left {
        float: left !important;
    }
    .pull-sm-right {
        float: right !important;
    }
    .pull-sm-none {
        float: none !important;
    }	
	
	.col-sm-15 {
		width: 20%;
		float: left;
	}	
	
}

@media (max-width: 1200px) {
	.sf-event-container { margin-bottom: 10px; }	
}

@media (max-width: 767px) {
	.img-profile  { display: none; }
	.event-status { margin-bottom: 14px;}
	body { font-size: 1.8rem; }

}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) {
	 .img-sf { max-width: 140px; }
}

@media print {
	.img-sf { width: 300px; }
}