/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/

/* custom header */
.container-custom-header nav {
  width: 100%;
}

.container-custom-header ul {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.container-custom-header li a {
  text-transform: none!important;
}

.container-custom-header li.menu-item-has-children a:hover:after,
.container-custom-header li.menu-item-has-children a:hover:after,
.container-custom-header li.menu-item-has-children.current_page_ancestor a:after {
  color:#e2d2a0!important;
}

.container-custom-header li.current_page_item a,
.container-custom-header li a:hover {
}

.container-custom-header ul.main-navigation-ul ul.sub-menu {
  background-color: #333333!important;
}

.container-custom-header ul.main-navigation-ul ul.sub-menu li a:hover {
  color: #fff!important;
}

#container-custom-header-1 {
  height: 100px!important;
  line-height: 100px!important;
}

.container-custom-header .nav-middle-logo {
  top:0px!important;
}

.container-custom-header .nav-middle-logo a {
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}

.container-custom-header .nav-middle-logo a.animazione-riduci-logo {
  -webkit-transform: scale(0.6)!important;
  -moz-transform: scale(0.6)!important;
  transform: scale(0.6)!important;
  top: 5px;
}

@media all and (max-width: 1024px) {
  .container-custom-header-mobile {
      display:block!important;
  }
}

@media all and (min-width: 1024px) {
  .container-custom-header-mobile {
      display:none!important;
  }
  .wpml-ls-legacy-list-horizontal {
    position: absolute;
  	right:0;
    top: 0;
  }

  .mk-header-social {
  	float: left!important;
  }

  .toolbar-contatti ul li {
    display:inline!important;
    float:left!important;
  }

  .toolbar-contatti ul li a {
    font-size: 18px!important;
    color: #fff;
    margin-left: 15px;
    margin-top: 8px;
  }

  .toolbar-contatti ul li a:hover {
    color:#e2d2a0!important;
  }

  .mk-header-social ul li a svg {
    width: 25px!important;
    height: 25px!important;
  }

  .mk-main-wrapper-holder {
    margin-top:105px;
    margin-bottom: -50px!important;
  }

}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .mk-header-toolbar {
  	display:none;
  }

  .mk-header-social {
  	float: left!important;
    position: relative;
    top: -25px;
  }

  .mk-main-wrapper-holder {
    margin-top:-45px;
    margin-bottom: -45px!important;
  }

}

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

  .mk-main-wrapper-holder {
    margin-top:-25px;
    margin-bottom: -25px!important;
  }

}

/* slider home page */
.mk-edge-slider .mk-slider-slide .mk-section-image {
	background-position-y: top!important;
}

/* custom sticky header */
#container-custom-header-1.fixed {
  position: fixed;
  top:0;
  height:60px!important;
  line-height:60px!important;
  background-color: #9f1007!important;
	padding-top: -40px!important;
	/*animation: anima-nav 0.3s linear;*/
}

#container-custom-header-1.fixed .container-custom-header {
	margin-top: -35px!important;
}

/* fine stili custom sticky header */
.icone-social-toolbar {
  width: 18px;
  height:auto;
  vertical-align: middle;
  opacity: 0.8;
  margin-right: 10px;
}

.interlinea-icon-social-mobile {
  display: none;
}

@media all and (max-width: 350px) {

  .interlinea-icon-social-mobile {
    display: block;
  }

  .icone-social-toolbar.riga-1 {
    position: relative;
    top: -10px;
  }

  .icone-social-toolbar.riga-2 {
    position: relative;
    top: -35px;
  }
}

.mk-header-social:not(.toolbar-contatti) ul li a {
	margin: 10px 0px!important;
}

#sub-footer {
  border-top: 10px solid #e2d2a0;
  border-bottom: 10px solid #e2d2a0;
}

.link-subfooter {
  width: 100%;
  text-align: center;
  color:#fff!important;
  font-weight: bold;
  font-size: 13px;
  margin: 10px 0;
}

.link-subfooter a {
  color:#fff;
  font-weight: bold;
  font-size: 13px;
  text-decoration: underline;
}

.link-subfooter a:hover {
  text-decoration: none;
  color:#fff;
}

.zoomHover-box .vc-hoverbox {
  min-height: 500px!important;
}

/* Side menu */
.main-navigation-ul li{
  flex: 1 1 0px;
}

.mk-side-menu-button{
  font-size:20px;
  cursor:pointer;
  color:#FFF;
  position: absolute;
  left: 20px;
  top: 42px;
  border: 1px solid rgba(255,255,255,0.1);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  z-index: 9;
}

#container-custom-header-1.fixed .mk-side-menu-button{
  top:44px
}

.mk-sidenav {
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 301;
  top: 0;
  left: -330px;
  background-color: #f5efde;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.5s;
  padding-top: 60px;
  box-shadow: 0 0 30px black;
}

.mk-sidenav ul{
  margin-left: 0;
  list-style-type: none;
  margin-bottom: 52px;
}

.mk-sidenav ul li{
  margin: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #9f1007;
}

.mk-sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 15px;
  color: #000;
  display: block;
  transition: 0.3s;
  line-height: 1;
  text-align: left;
}

.mk-sidenav a:hover,
.mk-sidenav .current-menu-item > a{
  color: #9f1007;
}

.mk-sidenav .menu-item-has-children{font-weight: bold;}
.mk-sidenav .sub-menu{margin-bottom: 0;}
.mk-sidenav .sub-menu li{
  border-bottom: none;
  padding-left: 20px;
  font-weight: normal;
  padding-bottom: 0;
  padding-top: 0;
}

.mk-sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  color:#000;
}

@media screen and (max-width: 1024px) {
  .mk-sidenav{display: none !important; left: -330px !important;}
  header .mk-header-social ul{margin-left: 20px;}
}


/* menu navigazione toolbar */
.mk-toolbar-navigation {
	top: 9px;
	position: relative;
	margin-left: 10px;
}

.mk-toolbar-navigation li a {
  font-size: 14px!important;
}

.mk-toolbar-navigation li.current-menu-item a {
  color: #e2d2a0!important;
}

/* icone social mobile */
.container-custom-social-mobile {
  position: absolute;
  top:20px;
  z-index:9999;
}

.mk-toolbar-resposnive-icon {
  display:none!important;
}

/* link pagina contatti */
.box-pagina-contatti a {
  color: #333!important;
}

.box-pagina-contatti a:hover {
  color: #a9130e!important;
}

/* pagina l'importanza di essere dop */
.wrapper-img-logo-dop .wpb_raw_code {
  margin-bottom: 0!important;
}

img.img-logo-dop {
	position: absolute;
	right: 0;
	top: -60px;
	z-index: 9999;
	width: 100px;
	height: auto;
}

/* stili home page */
.hp-section {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9c1006+1,b90e0c+50,9c1006+100 */
  background: #9c1006; /* Old browsers */
  background: -moz-linear-gradient(top, #9c1006 1%, #b90e0c 50%, #9c1006 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #9c1006 1%,#b90e0c 50%,#9c1006 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #9c1006 1%,#b90e0c 50%,#9c1006 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c1006', endColorstr='#9c1006',GradientType=0 ); /* IE6-9 */
}

.link-hp a {
  color: #e2d2a0!important;
}

@media all and (max-width: 768px) {
  .hp-section .mk-half-layout-container {
  	padding-top: 200px !important;
  }

  .hp-section .mk-half-layout-container h2:first-of-type {
    margin-top: 15px!important;
  	font-size: 25px!important;
  }

  .hp-section .mk-half-layout-container h2:nth-of-type(2) {
    font-size: 18px!important;
  }

  .hp-section .mk-half-layout {
  	height: 200px;
  }
}

/* stili bordi sezioni */
.section-border-top-bottom {
  border-top: 10px solid #e2d2a0;
  border-bottom: 10px solid #e2d2a0;
}

.section-border-top {
  border-top: 10px solid #e2d2a0;
}

.section-border-bottom {
  border-bottom: 10px solid #e2d2a0;
}

/* stili pagina categoria e pagine blog */
body.category .wrapper-title-category {
  width: 100%;
  min-height: 150px;
  background-color: #9f1007;
  border-top: 10px solid #e2d2a0;
  border-bottom: 10px solid #e2d2a0;
  color: #e2d2a0;
  text-align: center;
}

@media all and (min-width: 1024px) {
  body.category #mk-page-introduce {
  	display:none;
  }

  body.single-post .mk-header-padding-wrapper {
    padding-top:100px!important;
  }

  body.category .wrapper-title-category {
    margin: 134px 0 -60px 0;
  }
}

@media all and (max-width: 1024px) {
  body.single-post header {
    margin-bottom: 50px;
  }

  body.category #mk-page-introduce {
  	display:none;
  }

  body.category .wrapper-title-category {
    margin: 0 0 30px 0;
  }

}

.mk-love-holder, .mk-blog-print, .newspaper-item-share {
  display: none!important;
}

/************************************************************************/
/* inizio stile effetto zoom per custom module in visual composer */
/************************************************************************/

.zoomEffect-figure-parent {
  position:relative;
  overflow:hidden;
  min-height: 500px;
  height:500px;
}

.zoomEffect-figure-child {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center center;
  transition: all .3s linear;
}

.zoomEffect-figure-parent:hover .zoomEffect-figure-child {
  transform: scale(1.1);
}

.zoomEffect-overlay {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  transition: all 0.3s ease-in-out;
}

.zoomEffect-figure-child:hover .zoomEffect-overlay {
  opacity:1;
}

.zoomEffect-caption {
  opacity:1;
  position: absolute;
  z-index:1;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.zoomEffect-caption:after {
  content: '';
  position:absolute;
  left:50%;
  bottom: 0;
  width: 30px;
  height:3px;
  background-color: white;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.7)!important;
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.zoomEffect-figure-child:hover .zoomEffect-caption {
  opacity:1;
}

.zoomEffect-figure-child:hover .zoomEffect-caption:after {
  width: 80px;
}

.zoomEffect-caption h2 {
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7)!important;
}


/************************************************************************/
/* fine stile effetto zoom */
/************************************************************************/

.box-disciplinare .zoomEffect-caption:before {
  /*content: '\2726\2729\2605';*/
  content: url(images/disciplinare-icon.png);
  position:absolute;
  /*font-size:35px;*/
  left:50%;
  top: -100%;
  color: white;
  /*text-shadow: 2px 2px 5px rgba(0,0,0,0.7)!important;*/
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}