/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/* custom_SCROLLBAR */

/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f5f5f5; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #000; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #808080;
  }
  
  html{
      scrollbar-color: #000 #f5f5f5;
    scrollbar-width: thin;
  }
  
  /* MINIMIZED VERSION */
  
  ::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:grey}html{scrollbar-color:#000 #f5f5f5;scrollbar-width:thin}


  /* portfolio */

  .portfolio-categories h2 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-align: center;
		width: 100%;
}

.portfolio-categories .vc-hoverbox-front{
    box-shadow: inset 100vh 100vw #505050a3 !important;
}

.portfolio-categories .vc-hoverbox-front:hover{
    box-shadow: inset 100vh 100vw #7db759e5 !important;
}

.portfolio-categories .vc-hoverbox-block.vc-hoverbox-back {
    background-color: #7db759 !important;
    color: #fff;
}

.portfolio-categories .vc_btn3 {
	background: #fff !important;
	border-radius: 0px;
	border: 0;
}


.portfolio-categories .vc_btn3:hover {
	background: #000!important;
	color: #fff !important;
	border: 0;
}

.portfolio-categories_2 .vc-hoverbox-front{
  box-shadow: inset 100vh 100vw #0000 !important;
  
}

/* custom_FOOTER */

.custom-footer .title-xlarge.bigger{
  font-size: 90px;
}

.custom-footer a:hover{
 color: #ffffff;
}
.gem-list > ul {
  position: relative;
  width: auto;
  list-style: none;
  padding: 0;
  margin: 0 -15px;
}
.gem-list > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  text-indent: 0;
  margin-bottom: 0;
  padding: 0 15px;
}
.gem-list > ul > li:before{
  display: none;
}
.gem-list > ul > li a{
  display: block;
  color: #ffffff;
}
.gem-list > ul > li a:hover{
  color: #00f7b5;
}
.gem-list > ul > li a:hover i{
  color: #ffffff;
}
.gem-list > ul > li a i{
  margin: 5px 5px 0 0;
}

#main{
  background: #fff;
}


.styled-subtitle {
  padding: 50px 0;
}

@media (max-width: 1199px){
  .custom-footer .title-xlarge.bigger{
      font-size: 50px;
  }
}

@media (max-width: 768px){
  .styled-subtitle {
    padding: 30px 0;
  }
}

#introSinglePortfolioJef .custom-title-title > * 
{
   margin-top:25px; margin-bottom:0;
}
#introSinglePortfolioJef .custom-title-title.title-xlarge  > *
{ 
  margin-top:0;
}

.staff-tecnico .team-person, .staff-ricerca .team-person{
  max-height: 370px;
}

.styled-subtitle {
  padding-top: 0px;
}

.research_block .title-h1, .research_block .title-h1 span {
	font-size: 4rem;
	line-height: 4rem;
	margin-top: 10px;
}

.portfolio-row-outer {
  min-height: 70vh;
}

.thegem_pf_item-template-default .title-h1 {
    text-transform: capitalize;
}

.portfolio-pagination{
  margin: 30px 0;
}

.gem-image a:before, .gem-textbox-picture a:before, .team-person-image a:before, .team-person-image span:before, .gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before, .gem-simple-gallery .gem-gallery-item a:before, .portfolio-item .image .overlay:before, .gallery-item .overlay:before, .widget .flickr-item a:before, .widget-gem-portfolio-item .widget-gem-portfolio-item-hover, div.blog article a.youtube:before, div.blog article a.vimeo:before, div.blog article a.self_video:before, div.blog article a.default:before, .widget .gem-pp-posts a:before, .widget .gem-latest-news-image a:before{
  background-color: none !important;
}

.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before, .gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before, .portfolio.hover-zooming-blur .portfolio-item .image .overlay:before, .portfolio.hover-new-zooming-blur .portfolio-item .image .overlay:before, .hover-new-zooming-blur .portfolio-item .gem-simple-gallery .gem-gallery-item a:before, .portfolio.hover-default-zooming-blur .portfolio-item .image .overlay:before, .hover-default-zooming-blur .portfolio-item .gem-simple-gallery .gem-gallery-item a:before, .hover-zooming-blur .portfolio-item .gem-simple-gallery .gem-gallery-item a:before, .gem-gallery-grid.hover-zooming-blur .gallery-item .overlay:before, .gem-gallery-hover-zooming-blur .gem-gallery-item .gem-gallery-item-image a:before, body .blog-style-styled_list1 article a.default:before, body .blog-style-styled_list2 article a.default:before, body .blog-style-compact article a.default:before, body .blog-style-compact-tiny-1 article a.default:before, .blog article .post-featured-content > a:before, .blog .gem-simple-gallery .gem-gallery-item a:before{  
 background-color: none;
}


/*vc-hoverbox-inner*/
.vc-hoverbox-inner .vc_btn3-container.vc_btn3-inline .vc_general.vc_btn3
{
  color: #FFF;
  background: #63a92f;
}
.vc-hoverbox-inner .vc-hoverbox-block .vc-hoverbox-block-inner.vc-hoverbox-back-inner
{
  color: #222;
}

.portfolio-preloader-wrapper .portfilio-top-panel
{
  margin-bottom: 40px;
}

/*portfolio-icons customjef*/
.portfolio-icons.customjef img
{
  width: 42px !important; height: auto !important;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
  margin:0 5px;
}


.website_jef .portfolio-item .wrap > .caption .title,
.website_jef .portfolio-item .wrap > .caption .subtitle,
.website_jef .portfolio-item .wrap > .caption .subtitle p
{
	white-space: unset;
	overflow: unset;
	text-overflow: unset;
	 
}
.website_jef .portfolio-item .wrap > .caption .title
{
  font-size: 18px;
  line-height: 20px;
}
.website_jef .portfolio-item .wrap > .caption .subtitle .type_media
{
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  opacity: 0.75;
  font-weight: 700;
  font-family: 'Montserrat';
}

/*slider carosello SINGLE PORTFOLIO*/
.carosello_slider
{
  position: relative;
}
.carosello_slider .item_poi {
	padding-top: 100%;
	width: 100%;
	position: relative;
}

.carosello_slider .item_poi .hover_link {
  background-color: rgba(99, 169, 47, 0.8);
  opacity: 0;
}
.carosello_slider .item_poi .hover_link img,
.carosello_slider .item_poi .hover_link i
{
  position: absolute;
  top: 50%; transform: translate(-50%,-400%);
  left: 50%;   
}
.carosello_slider .item_poi .hover_link img
{
   
  width: 35px; height: auto;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
} 
.carosello_slider .item_poi .hover_link i
{
  color: #FFF; font-size: 32px; line-height: 32px;
}

.carosello_slider .item_poi:hover .hover_link {
  opacity: 1.0;
  -o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.carosello_slider .item_poi:hover .hover_link img,
.carosello_slider .item_poi:hover .hover_link i 
{
  transform: translate(-50%,-50%);
  -o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


.carosello_slider.owl-carousel .owl-nav button {
	position: absolute;
	top: 50%;
	padding: 0 !important;
	background-color: #63a92f;
	color: #FFF;
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 24px;
  margin-top: -15px;
}

.carosello_slider.owl-carousel .owl-nav button.owl-prev
{
	left: -40px;
}
.carosello_slider.owl-carousel .owl-nav button.owl-prev span
{
  transform: translateX(-2px);
}
.carosello_slider.owl-carousel .owl-nav button.owl-next
{
	right: -40px;
}
.carosello_slider.owl-carousel .owl-nav button.owl-next span
{
  transform: translateX( 2px );
}


@media (max-width: 1240px)
{
  .carosello_slider.owl-carousel .owl-nav {
    text-align: center;
  }
  .carosello_slider.owl-carousel .owl-nav button {
    position: relative;
    top: unset;
    right: unset !important; left: unset !important;
    padding: 0 !important;
    display: inline-block;
    margin:15px;
  }
}

@media (min-width: 1240px)
{
  .reduce_myrow
  {
    width: calc(100% - 15vw);
    margin-left: 7.5vw;
  }
}
.iframe_portfolio_item
{
  padding-top: 56.25%;
}
.iframe_portfolio_item iframe
{
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  border:0;
}

.bgSectionMedia
{
  padding-bottom:80px;
  background-color: #e8e8e8;
}

.external_link_row 
{
  padding: 40px;
}
.external_link_row .button_website {
	padding: 15px 20px;
	font-size: 14px;
	line-height: 14px;
  text-transform: uppercase;
  border: 2px solid #0e0e0e;
	color: #0e0e0e;
	background-color: transparent;
  display: inline-block;
  margin:0 15px;
  font-weight: 700;
}

.external_link_row .button_website:hover {
  background-color: #63a92f;
  color: #FFF;
  border-color: #7db759;
} 

.external_link_row .button_website i
{
    margin-right: 15px;
}
/* .external_link_row .button_website i
{
    margin-right: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.external_link_row .button_website:hover i
{
    margin-right: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} */


body .title-xlarge
{
  pointer-events: none;
}

#main.addIndex
{
  z-index: 9999 !important;
}

.thegem-te-search .thegem-te-search__item a i 
{
  font-size: 30px;
}

.thegem-te-socials .thegem-te-socials-size-tiny .socials-item-icon {
	font-size: 28px;
}
.thegem-te-socials .thegem-te-socials-size-tiny .socials-item-icon.facebook {
  font-size: 22px;
  line-height: 28px;
}

.thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3
{
  width: 25px;
}

.thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1
{
  top: 7px;
}
.thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3 {
	top: 22px;
}

/*fix stile navigazione*/
.thegem-te-post-navigation.thegem-custom-65d73a97e2750312 .post-navigation a {
    max-width: 1024px;
}

.thegem-te-post-navigation.thegem-custom-65d73a97e2750312 .post-navigation .post-label span {
    color: #0a0a0a;
}

.thegem-te-post-navigation.thegem-custom-65d73a97e2750312 .post-navigation a .post-label span {
    transition: color 0.3s;
}

.thegem-te-post-navigation.thegem-custom-65d73a97e2750312 .post-navigation a:hover .post-label span {
    color: #81d742;
}