/*
 Theme Name:   Centro Fra Porto
 Theme URI:    http://centrofraporto.pt/
 Description:  Tema para uso exclusivo do Centro FRA Porto
 Author:       Paulo Sá / Joana Cardoso / Juliana Pereira - euDigital
 Author URI:   http://eudigital.pt
 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:  centro fra
*/


/* Global */

a{color: #e69aa8}
a:hover {color: #e69aa8}

/* Homepage */
#noticias-home .elementor-post__text{background-color: #e69aa8; margin-left: 20px; margin-top: -40px; margin-right: -20px; z-index: 99; padding: 20px;}     
#consulta-form label{display: inline}
#slide-final .elementor-slide-content {background-color: white; padding: 30px 20px} 

/* Icones Modalidades */
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.05); }

.circle { width: 180px; height: 180px; background: #f2f2f2; -moz-border-radius: 180px;  -webkit-border-radius: 180px;  border-radius: 180px; border-collapse: separate; border-spacing: 5px 10px; border: 10px solid #fff; } 
.border { width: 180px; height: 180px; -moz-border-radius: 180px;  -webkit-border-radius: 180px;  border-radius: 180px; border-collapse: separate; border-spacing: 5px 10px; border: 2px dashed #e69aa8; z-index: 1; padding: 40px;left: 0; right: 0;  margin-left: auto; margin-right: auto;}
.circle svg, .circle-side svg{ top:20px; padding: 15px; width: 100%; position: relative; }
.circle #ondas, .circle-side #ondas{top:10px;}
.circle #ultrassons, .circle-side #ultrassons {top: 5px;padding: 15px;width: 85%;position: relative;}
.circle #massagens-alongamentos, .circle #acupuntura, .circle #diotermia, .circle #ccpi, .circle #electromioestimulacao, .circle-side #massagens-alongamentos, .circle-side #acupuntura, .circle-side #diotermia, .circle-side #ccpi, .circle-side #electromioestimulacao {top: 15px;padding: 15px;width: 85%;position: relative;}
.border:hover, .border-side:hover{-webkit-animation: animated-circle 5s linear infinite; -moz-animation: animated-circle 5s linear infinite; -o-animation: animated-circle 5s linear infinite; cursor: pointer; }

@-webkit-keyframes animated-circle {
  0% { -webkit-transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes animated-circle {
  0% {-moz-transform: rotate(0deg); }
  100% {-moz-transform: rotate(360deg);}
}
@-o-keyframes {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg);}
}

.modalidade-title {font-size: 14px; color: #333333;font-family: 'Dosis', sans-serif;text-transform: uppercase; padding-top: 20px;}
.modalidade-title-side {font-size: 12px; color: #333333;font-family: 'Dosis', sans-serif;text-transform: uppercase; padding-top: 10px}

/* SOBRE NOS */
.banner-sobrenos h1 {
	font-size: 28px;
}

/* Noticias */
.noticias-sidebar .elementor-widget-container h5 {display: none}
.noticias-sidebar .elementor-widget-container a {color: #333333; font-weight: 300}
.noticias-sidebar .elementor-widget-container a:hover, .noticias-sidebar .elementor-widget-container ul {color: #e69aa8;}


/* Icones Sidebar */
.circle-side { width: 130px; height: 130px; background: #f2f2f2; -moz-border-radius: 130px;  -webkit-border-radius: 130px;  border-radius: 130px; border-collapse: separate; border-spacing: 5px 10px; border: 10px solid #fff; } 
.border-side { width: 130px; height: 130px; -moz-border-radius: 130px;  -webkit-border-radius: 130px;  border-radius: 130px; border-collapse: separate; border-spacing: 5px 10px; border: 2px dashed #e69aa8; z-index: 1; padding: 40px;left: 0; right: 0;  margin-left: auto; margin-right: auto;}


/* MOBILE */
@media (min-device-width : 320px) 
and (max-device-width : 480px) {
/* .border-top {    border-top: 1px solid white;} */

/* icones modalidades*/

.circle { width: 140px; height: 140px; background: #f2f2f2; -moz-border-radius: 160px;  -webkit-border-radius: 140px;  border-radius: 150px; border-collapse: separate; border-spacing: 5px 10px; border: 10px solid #fff; } 
.border { width: 140px; height: 140px; -moz-border-radius: 140px;  -webkit-border-radius: 140px;  border-radius: 140px; border-collapse: separate; border-spacing: 5px 10px; border: 2px dashed #e69aa8; z-index: 1; padding: 40px;left: 0; right: 0;  margin-left: auto; margin-right: auto;}
.circle svg, .circle-side svg{ top:20px; padding: 15px; width: 100%; position: relative; }
.circle #ondas, .circle-side #ondas{top:10px;}
.circle #ultrassons, .circle-side #ultrassons {top: 5px;padding: 15px;width: 85%;position: relative;}
.circle #massagens-alongamentos, .circle #acupuntura, .circle #diotermia, .circle #ccpi, .circle #electromioestimulacao, .circle-side #massagens-alongamentos, .circle-side #acupuntura, .circle-side #diotermia, .circle-side #ccpi, .circle-side #electromioestimulacao {top: 15px;padding: 15px;width: 85%;position: relative;}
.border:hover, .border-side:hover{-webkit-animation: animated-circle 5s linear infinite; -moz-animation: animated-circle 5s linear infinite; -o-animation: animated-circle 5s linear infinite; cursor: pointer; }

/* Icones Sidebar */
.circle-side { width: 100px; height: 100px; background: #f2f2f2; -moz-border-radius: 100px;  -webkit-border-radius: 100px;  border-radius: 100px; border-collapse: separate; border-spacing: 5px 10px; border: 10px solid #fff; } 
.border-side { width: 100px; height: 100px; -moz-border-radius: 100px;  -webkit-border-radius: 100px;  border-radius: 100px; border-collapse: separate; border-spacing: 5px 10px; border: 2px dashed #e69aa8; z-index: 1; padding: 40px;left: 0; right: 0;  margin-left: auto; margin-right: auto;}
}


}

/* TABLET */

/* icones modalidades*/
@media (min-width: 760px) and (max-width: 1280px) {
.circle { width: 160px; height: 160px; background: #f2f2f2; -moz-border-radius: 160px;  -webkit-border-radius: 160px;  border-radius: 160px; border-collapse: separate; border-spacing: 5px 10px; border: 10px solid #fff; } 
.border { width: 160px; height: 160px; -moz-border-radius: 160px;  -webkit-border-radius: 160px;  border-radius: 160px; border-collapse: separate; border-spacing: 5px 10px; border: 2px dashed #e69aa8; z-index: 1; padding: 40px;left: 0; right: 0;  margin-left: auto; margin-right: auto;}
.circle svg, .circle-side svg{ top:20px; padding: 15px; width: 100%; position: relative; }
.circle #ondas, .circle-side #ondas{top:10px;}
.circle #ultrassons, .circle-side #ultrassons {top: 5px;padding: 15px;width: 85%;position: relative;}
.circle #massagens-alongamentos, .circle #acupuntura, .circle #diotermia, .circle #ccpi, .circle #electromioestimulacao, .circle-side #massagens-alongamentos, .circle-side #acupuntura, .circle-side #diotermia, .circle-side #ccpi, .circle-side #electromioestimulacao {top: 15px;padding: 15px;width: 85%;position: relative;}
.border:hover, .border-side:hover{-webkit-animation: animated-circle 5s linear infinite; -moz-animation: animated-circle 5s linear infinite; -o-animation: animated-circle 5s linear infinite; cursor: pointer; }

/* Icones Sidebar */
.circle-side { width: 100px; height: 100px; background: #f2f2f2; -moz-border-radius: 100px;  -webkit-border-radius: 100px;  border-radius: 100px; border-collapse: separate; border-spacing: 5px 10px; border: 10px solid #fff; } 
.border-side { width: 100px; height: 100px; -moz-border-radius: 100px;  -webkit-border-radius: 100px;  border-radius: 100px; border-collapse: separate; border-spacing: 5px 10px; border: 2px dashed #e69aa8; z-index: 1; padding: 40px;left: 0; right: 0;  margin-left: auto; margin-right: auto;}
}