/*
 Theme Name:   Armani Digital Solutions
 Theme URI:    http://www.armani.me
 Description:  Armani Digital Solutions
 Author:       Guilherme Armani
 Author URI:   http://www.armani.me
 Template:     Divi
 Version:      2.5
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Divi
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/******* Colors reference Begin *****/
/* Light blue: #90cef4 */
/* Dark Blue: #528bcc */
/******* Colors reference End *****/



/* Auto Hide Header */
#main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
	height: 100px;
	margin: 0;
	padding: 0;
	background: rgba(127, 138, 254, 0.90);
}

#main-header.slideDown {
    display: block;
}
#main-header.slideUp {
   /* display: none; */
}


#main-header {
    transition: transform 200ms linear;
    transition: all 0.55s ease-in-out 0s;
}



#main-header.headroom--not-top {

}

#main-header.slideDown{
    transform: translateY(0%);
    /* background: rgba(231, 231, 231, 0.70) none repeat scroll 0 0; */
	/* box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); */
	box-shadow: none;
}

#main-header.slideUp {
    transform: translateY(-100%);
   	background: none; 
}


/* 
Pruple-Blue: #7f8afe - RGB 127, 138, 254;	
Light-Blue: #99D1FF - 153, 209, 255;
Rose: #fe9192 - RGB: 254, 145, 146;	
Green: #7aefe0 - RGB: 122, 239, 224;
*/

/* Mudança de cores */
#main-header.headroom--not-top, #main-header.slideDown {
      /* animation: colorchange 50s; /* animation-name followed by duration in seconds*/ */
         /* you could also use milliseconds (ms) or something like 2.5s */
      /* -webkit-animation: colorchange 50s; /* Chrome and Safari */ 
      
      -webkit-animation: colorchange 20s infinite alternate;
	  animation: colorchange 20s infinite alternate;
	  -moz-animation: colorchange 20s infinite alternate;
    }

    @keyframes colorchange
    {
      0%   {background: rgba(127, 138, 254, 0.90);}
      50%  {background: rgba(153, 209, 255, 0.90);}
      100%  {background: rgba(254, 145, 146, 0.90);}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: rgba(127, 138, 254, 0.90);}
      50%  {background: rgba(153, 209, 255, 0.90);}
      100%  {background: rgba(254, 145, 146, 0.90);}
    }
    

#main-header.headroom--top {
	background: rgba(127, 138, 254, 0.0) !important;
	box-shadow: none;
}

#main-header.slideDown.headroom--top {
	animation: none; /* Fix for Chrome */
}


/* Navigation & Logo */
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
	padding: 45px 0px 0px 0px !important;
}


.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
	padding-bottom: 0 !important;
}

#logo {
	max-height: 70px;
	margin-top: 15px;
}

#top-menu a {
	color: #fff;
}



#top-menu li.current-menu-item a {
	color: #fff;
}


/* Makes a ticky Line below the active Navigation Link */
#top-menu li.current-menu-item a:after {
    left: 0;
    right: 0;
    position: absolute;
    top: 24px;
    width: 40px;
    margin: 0 auto;
    content: " ";
    border-bottom: 2px solid #fff;
}


.single .et_pb_post {
	margin-bottom: 0;
}




/* Hide elements */
.invisible {
	display: none;
}


/* Fix */
#dp_swf_engine {
	display: none;
}



/* Mobile Navigation */
#et_search_icon:hover, .mobile_menu_bar::before, .et-social-icon a:hover, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay::before, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .et_pb_member_social_links a:hover, .woocommerce .star-rating span::before, .woocommerce-page .star-rating span::before, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .posted_in a {
	color: #fff !important;
}


/* Classes for Divi Elements */

.textCenter {
	text-align: center;
}



h1 {

}


.LargeTitles {
    padding: 25px 0 20px;
    position: relative;
}

/* Makes a ticky Line below the Header */
.LargeTitles:after {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 20px;
    width: 40px;
    margin: 0 auto;
    content: " ";
    border-bottom: 5px solid #000;
}




/* ol li Lists */

ol {

}

ol li {
	margin-bottom: 1.5em;
	
}


/* Contact */

#sectionContact {
	padding: 0;
	margin: 0;
}


/* Footer */
#main-footer {
	background-color: #7f8afe !important;
	padding: 0;
	margin: 0;
}

#footer-bottom {
	border-top: 6px solid #fe9192;
	background-color: #7f8afe;
	/* background-image: url(images/bg_footer_blue.jpg); */
	background-repeat: repeat-x;
	font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
}

#footer-info, #footer-info a, .et-social-icon a {
	color: #fff;
}

.et-social-icon a:hover {
	color: #7aefe0 !important;
}



a:hover {
	cursor: pointer;
}




/* Smiley do WPstats */
#wpstats {
	display: none;
}




/* Content */

/* Work */
.projectContainer {

}

.projectContainer .projectHeadline {
	margin: 0 !important;
	padding: 0;
}

.projectContainer .projectImage {
	margin: 0 !important;
	padding: 0;
}

.projectContainer hr {
	text-align: center;
	color: #707173;
    display: block;
    margin-left: 15%;
    text-align: center;
    width: 70%;
    margin-top: 3em;
    margin-bottom: 3em;

}

.projectContainer .et_pb_promo_description {
	display: none;
}



/* New Work - Begin */

.et_pb_blurb_content img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}

.et_pb_blurb_content:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0px 2px 70px 0px rgba(110,130,208,0.40); 
}

/* New Work - End */




/* Slider */


.HeroHeaderHome {

	
}

.HeroHeaderHome .et_pb_slide_description {
	padding-top: 25% !important;
	padding-bottom: 25% !important;
}

#homeSlider {

}

#homeSlider h2 {

}

#heroHeader {
	padding-top: 50px;
	padding-bottom: 50px;
}




#heroHeader h1 {
	font-size: 5em;
	font-weight: 800;
	text-align: center;
}

#heroHeader p {
	text-align: center;
	font-size: 2.5em;
	line-height: 1.2em;
}


/* Social Media Links */
.et_pb_social_media_follow li a {
	cursor: pointer;
}



/* Work */
.projectContainer {
	padding-top: 0;
	padding-bottom: 1%;
}

.projectContainer.et_pb_section_3 {
	padding-top: 5%;
	padding-bottom: 1%;
}

.projectContainer .et_pb_row {
	padding-top: 0;
	padding-bottom: 0;
}


/* Gallery - Clients & Partners */

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_full_width_page.woocommerce-page ul.products li.product {
	margin-top: 0;
	margin-bottom: 0;
}



/* Arrow - Button Scroll Down */

.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a:hover .et-pb-icon {
	color: #000;
}



/* Text Fix */
#left-area ul, .comment-content ul, .entry-content ul, body.et-pb-preview #main-content .container ul {
	line-height: 2em;
}






/* Fix for Projects - Case of study */


	
	



/* ################################################################### */
/* ###             Ajustes para as diferentes telas               #### */
/* ################################################################### */

/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
    /* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	.justMobile {
		display: block;		
	}
	
	#heroHeader h1 {
		font-size: 4em;
		padding-top: 40px;
	}
	
	#heroHeader p {
		font-size: 1.9em;
	}
	
	
	h1 {
		font-size: 3em;
	}
	
	#main-header.slideDown {
   		display: block;
   		background: rgba(49, 53, 66, 0.70);
	}
	
	#main-header.slideUp {
   		display: none !important;
	}
	
	#logo {
	
	}
	
	#work .et_pb_fullwidth_header .et_pb_parallax_css {
		background-position: center center;
	}
	
	#work h1, #work .et_pb_fullwidth_header_subhead {
		text-shadow: 2px 2px #000;
	}
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	.justMobile {
		display: block;		
	}
	
	#heroHeader h1 {
		font-size: 4em;
	}
	
	#heroHeader p {
		font-size: 1.9em;
	}
	
	.et_pb_fullscreen .et_pb_fullwidth_header_container {
		width: 90%;
	}
	
	
	
	h1 {
		font-size: 4em;
	}
	
	#main-header.slideDown {
   		display: block;
   		background: rgba(49, 53, 66, 0.70);
	}
	
	#main-header.slideUp {
   		display: none !important;
	}
	
	#logo {
		margin-top: 0;
	}
	
	#work .et_pb_fullwidth_header .et_pb_parallax_css {
		background-position: center center;
	}
	
	#work h1, #work .et_pb_fullwidth_header_subhead {
		text-shadow: 2px 2px #000;
	}
	
	#work .et_pb_fullwidth_header_subhead {
		line-height: 1.2em;
	}
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
	.justMobile {
		display: block;		
	}
	
	#heroHeader h1 {
		font-size: 4em;
		padding-top: 40px;
	}
	
	#heroHeader p {
		font-size: 1.9em;
	}
	
	
	.HeroHeaderHome .et_pb_slide_description {
		padding-top: 33% !important;
		padding-bottom: 33% !important;
	}
	
	h1 {
		font-size: 3em;
	}
	
	#main-header.slideDown {
   		display: block;
   		background: rgba(49, 53, 66, 0.70);
	}
	
	#main-header.slideUp {
   		display: none;
	}
	
	#logo {
		margin-top: 0;
	}
	
	#work h1, #work .et_pb_fullwidth_header_subhead {
		text-shadow: 2px 2px #000;
	}
	
	#work .et_pb_fullwidth_header_subhead {
		line-height: 1.2em;
	}


}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {

	.justMobile {
		display: block;		
	}
	
	#heroHeader h1 {
		font-size: 4em;
		padding-top: 40px;
	}
	
	#heroHeader p {
		font-size: 1.9em;
	}
	
	
		
	.HeroHeaderHome .et_pb_slide_description {
		padding-top: 33% !important;
		padding-bottom: 33% !important;
	}
	
	h1 {
		font-size: 3em;
	}
	
	#main-header.slideDown {
   		display: block;
   		background: rgba(49, 53, 66, 0.70);
	}
	
	#main-header.slideUp {
   		display: none;
	}
	
	#logo {
		margin-top: 0;
	}
	
	#work h1, #work .et_pb_fullwidth_header_subhead {
		text-shadow: 2px 2px #000;
	}
	
	#work .et_pb_fullwidth_header_subhead {
		line-height: 1.2em;
	}
	
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
		width: 90%;
	}
	

}