/*
Theme Name: Suhdo
Theme URI: https://suhdo.com/
Author: Suhdo Tecnologia
Author URI: https://suhdo.com/
Description: Custom theme developed for responsive & high performance wordpress sites.
Version: 2020
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: suhdo

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@import url("assets/css/fluid.suhdo.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

body{ font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 300; }
b{ font-weight: bold !important; }
i{ cursor: pointer; }
input::placeholder,textarea::placeholder{ font-size: 11px; color:#fff; }
input[type="radio"]{ height: auto !important; }
span.elementor-field-option label{ position: relative; top:-3px; }
.color-blue{ color:#2A72BC !important; }
.color-blue-darken{ color:#33404E !important;  }
.blue{ background:#2A72BC !important; }
.blue-darken{ background:#33404E !important ; }

.color-blue-2{ color:#33A5E2 !important ; }
.blue-2{ background:#33A5E2 !important; }

.color-blue-3{ color:#2D5A8B !important ; }
.blue-3{ background:#2D5A8B !important; }



.color-orange{ color:#ED6E27; }
.color-green{ color:#48B499; }
.color-pink{}
.color-led{}

.elementor-slide-description{ font-size: 30px !important; font-weight: bold !important;  }
.elementor-button .elementor-slide-button{ cursor: pointer; }
.main-title{ font-size: 32px; }

header#header{ position: fixed; top:0; left:0; width: 100%; z-index: 100; background: none; }
header#header div.bar-top{ background:#33A5E2;  }
header#header div.bar-top ul{ padding:15px 0; } 
header#header div.bar-top ul li.phones{ text-align: left; } 
header#header div.bar-top ul li.phones a{ color:#fff; font-size: 13px; font-weight: 500;  } 
header#header div.bar-top ul li.social{ text-align: right; } 
header#header div.bar-top ul li.social a{ display: inline-block; width:28px; width:28px; border-radius: 100%; background: transparent url(/wp-content/uploads/2020/12/sprite-social.png
) center center no-repeat; background-size:auto 30px; }
header#header div.bar-top ul li.social a.facebook{  }

section.elementor-3457.elementor-element.elementor-element-66e29e5c,section#header_pop{  box-shadow: initial !important; }
section#menu-top{  }
section#menu-bottom.active{ background: rgba(27,45,67,.90); box-shadow: 0 0 30px rgba(27,45,67,.15);  transition: background .3s,box-shadow .3s; }
section#menu-bottom-2.active{ background: rgba(255,255,255,1); box-shadow: 0 0 30px rgba(27,45,67,.15);  transition: background .3s,box-shadow .3s; }
/*
header#header ul#menu-items{ position: absolute; top:160px; right:60px; display: none; }
header#header ul#menu-items li { text-align: right; padding:10px 0; }
header#header ul#menu-items li a{ color:#fff; font-size: 16px; }
header#header ul#menu-items li a:hover{ transform: translate3d(42px, 0, 0); animation-name: text_splash_white; animation-duration: .5s; animation-iteration-count: 1;  transition: box-shadow .5s; }
*/
header#header nav{/* position: fixed; top:0; left:0; z-index:120; */width: 100%; background:none; padding:10px 10px;  /*display: none; */}
header#header nav ul li{ padding:10px 0 0 0;  }
header#header nav ul li > a{ text-align:center; margin-top:0; font-size: 13px; color:#fff; font-weight: 400;  display: inline-block; line-height: 1.4; }
header#header nav ul li > a:hover{ animation-name: text_splash; animation-duration: .5s; animation-iteration-count:1;  transition: box-shadow .5s; }
header#header nav ul li.menu-links > a{  position: relative; bottom:15px; margin-left: 20px; }

header#header nav ul li > a.button.black.wired.rounded{ background: #33A5E2 !important;  border:1px solid #33A5E2 !important; color:#fff !important; padding:7px 20px !important;  bottom:0px; }
header#header nav ul li > a.button.black.wired.rounded:hover{ background: #fff !important;  color:#33A5E2; border:1px solid #fff;  }

li.menu-item-4111{ display: none !important; }

ul#sl-nav{ }
ul#sl-nav li a span i{ color:#2B72BC; }
ul#sl-nav li a:hover span i{ color:#2B72BC; }
ul#sl-nav li a:hover { color:#2B72BC; }



footer#footer{ background:#222222 !important; padding:40px 20px;  }
footer#footer p { text-align: center; margin: 20px 0;  }
footer#footer p a{ display: inline-block; margin-right: 10px;  }
footer#footer p a img{ transition: transform 1s; transform: rotateY(0deg); }
footer#footer p a:hover img{ transform: rotateY(360deg); transition: transform 1s;  }
footer#footer h2{ color:#fff; font-size: 44px; font-weight: bold; text-align: center; margin-bottom:30px; }
footer#footer ul { margin-top:20px; }
footer#footer ul li { padding:10px; text-align: center; }
footer#footer ul li h3{ color:#fff; font-size: 13px; font-weight: bold;  margin-bottom: 10px; display: block; line-height: 1.3; text-transform: uppercase; }
footer#footer ul li a{ display:block; color:#fff; font-size: 13px; margin-bottom: 10px; line-height: 1.3; }
footer#footer ul li a:hover{ text-decoration: underline; }

footer#footer div#copyright{ text-align: center; color:#fff; }

label.custom-select { background-image: url(assets/img/drop-down-white.png) !important; background-color: transparent !important; border-radius:15px; }
label.custom-select:after { background-color: transparent !important; pointer-events: none; }
label.custom-select select{ color:#fff; padding-left: 10px;  border-radius: 15px;}

#sl-visitantes,#sl-encomendas,#sl-sindicos{ display: none; }
h2.flex-title{ font-size: 14px; padding:9px 21px; background:#2A72BC; color: #fff; margin:0 auto; margin-bottom: 30px; display: inline-block; border-radius: 25px;  font-weight: 400; }
div.flex-img{ display: flex; align-items: center; justify-content: center; flex-direction: column;  height: 400px;  }
div.flex{ display: flex; align-items: left; justify-content: center; flex-direction: column;  height: 400px;  }
div.flex > div mark{ display:block; background:#2D5A8B; width: 28px; height: 28px; line-height: 28px; text-align: center; color:#fff; border-radius: 100%;  margin-bottom: 20px; }
div.flex > div p{ color:#2D5A8B; font-size: 18px; max-width: 360px;  }



i.ctrl-left{ color:#aaa; position: absolute; top:50%; left:32px; margin-left:-150px; cursor:pointer;  font-size: 22px; z-index: 12; }
i.ctrl-right{ color:#aaa; position: absolute; top:50%; right:32px; margin-right:-150px; cursor:pointer; font-size: 22px;  }
i.ctrl-left:hover,i.ctrl-right:hover{ color:#2A72BC;  }

div.modal-overlay{ display:none; position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 101; background: rgba(0,0,0,.15); }
div.modal-team{ display:none; position: relative; position: fixed; top:50%; left:50%; width: 480px; height: auto; margin-left:-240px; margin-top:-180px; z-index: 102; padding:20px; background: #f9f9f9; border-radius: 5px; box-shadow: 10px 10px 10px rgba(0,0,0,.35); }
div.modal-team.big{ width: 680px; height: auto; margin-left:-340px; margin-top:-220px; }
div.modal-team h2{ }
div.modal-team h3{ font-size: 13px; color:#555; margin-bottom: 10px; }
div.modal-team p{ margin-top:10px; font-size: 12px; text-align: justify; }
div.modal-team a.close{ position: absolute; top:15px; right:15px; color:tomato; font-size: 22px; }
div.modal-team.base h3{ font-size: 18px; color:#222; margin-bottom: 10px;  }

/* POSTS */

div.elementor-post__text{ display: flex !important; flex-direction:column !important;  align-items: left !important;  justify-content:center !important;  }
div.elementor-post__text > div.elementor-post__meta-data{ order:1 !important;  }
div.elementor-post__text > h3{ order:2 !important;  }
div.elementor-post__text > a{ order:3 !important;  }
/*.orange{ background-color :#ED6E27; }
.color-orange{ color:#ED6E27; }

article.elementor-post div.elementor-post__text h3{  }
article.elementor-post:nth-child(even) div.elementor-post__text h3.elementor-post__title a{ color: #48B499 !important; }
*/

/*CONTACT*/
#modal-contato,#modal-trabalhe,#modal-newsletter{ position: fixed !important; top:0; left:0; z-index: 10001 !important;  width: 100% !important;  display: none; }
div#close-contato div div div.elementor-icon i,div#close-trabalhe div div div.elementor-icon i { cursor: pointer; }

/* POSTS */
div.elementor-widget-theme-post-content div p { margin-bottom: 20px !important; }

/* ANIMATIONS */

@keyframes splash {

  from {  box-shadow: 0 0 0 0px rgba(27,147,208,.4); }

  to { box-shadow: 0 0 0 40px rgba(27,147,208,0); }

}


@keyframes splash-small {

  from {  box-shadow: 0 0 0 0px rgba(27,147,208,.4); }

  to { box-shadow: 0 0 0 20px rgba(27,147,208,0); }

}

@keyframes text_splash {

  from {  text-shadow: 0 0 0px rgba(0, 0, 0,.5); }

  to { text-shadow: 0 0 20px rgba(0, 0, 0,0); }

}


@keyframes text_splash_white {

  from {  text-shadow: 0 0 0px rgba(255, 255, 255,.85); }

  to { text-shadow: 0 0 20px rgba(255, 255, 255,0); }

}




@media only screen and (max-width: 768px) {

	li.menu-item-4111{ display: block !important; }

ul#sl-nav{ margin-top:30px; }
ul#sl-nav li { padding-bottom: 20px; }
ul#sl-nav li a { font-size: 17px; }
ul#sl-nav li a:hover span i{ color:#2B72BC; }
ul#sl-nav li a:hover { color:#2B72BC; }

i.ctrl-left{left:32px; top:55%; margin-left:0; cursor:pointer;  font-size: 22px; }
i.ctrl-right{ right:32px; top:55%;  margin-right:0; cursor:pointer; font-size: 22px;  }
i.ctrl-left:hover,i.ctrl-right:hover{ color:#2A72BC;  }


	h2.flex-title{  }
	div.flex-img{ height: auto;  }
	div.flex-img img{ width: auto; max-width:100%; height: 300px;  }
	div.flex{ height: auto;   padding: 20px 20px; }
	div.flex > div mark{ margin:0 auto; margin-bottom: 20px; }
	div.flex > div p{ text-align: center;  max-width: initial; }
	div.flex > div p br{  display: none !important; }

	.elementor-field-subgroup.elementor-subgroup-inline span{ width:45% !important; padding-bottom: 15px; }
	
}