/*
 Theme Name:     Promenade du Paillon - Saison 2
 Theme URI:      https://promenadedupaillon2.nice.fr
 Description:    Suivez le projet d'extension de la fôret urbaine de Nice
 Author:         MNCA
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


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

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 17, 2020 */

body{
	font-family: ubuntu, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
}

.et-db #et-boc .et-l.et-l--header .et_builder_inner_content {
	z-index: 10;
}

h1{
	font-family: ubuntu, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	color:#213a8f;
}

h2{
	font-family: ubuntu, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#00aa53;
}

h3 {
	font-family: ubuntu, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#213a8f;
}

h4 {
	font-family: ubuntu, sans-serif;
	font-weight: 700;
	font-style: normal;
}

a {
	color: #00aa53;
}
a[target="_blank"]:not(.et_pb_button, .icon, .paillon_button, .wp-block-button__link):after {
	content: '';
	margin-left: .25rem;
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-transform: translateY(-0.25rem);
	transform: translateY(-0.25rem);
	background: transparent url("/wp-content/themes/paillon/images/icon-lien-externe.svg") no-repeat center center/100% 100%;
}
.et_pb_image a[target="_blank"]::after {
	content: none;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}

.bg-light {
	margin-top: 1rem;
	padding: 1rem;
	background-color: #E9E8F6;
}
.ligne-franche {
	background-image: linear-gradient(90deg,#ffffff 39%,#e9e8f6 39%)
}

.wp-block-button .wp-block-button__link {
	color: #00AA53 ;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 1px;
	font-size: 1em;
	font-weight: 700;
	padding: .25em 1.5em .25em .25em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	word-break: break-word;
	box-sizing: border-box;
	box-shadow: 0px 2px 0px 0px #63BA8D;
	transition: all .3s;
}
.wp-block-button .wp-block-button__link:hover {
    letter-spacing: 2px !important;
}
.wp-block-button .wp-block-button__link::after {
	position: absolute;
	line-height: inherit;
	font-size: inherit !important;
	opacity: 1;
	margin-left: .3em;
	left: auto;
	font-family: ETmodules !important;
	font-weight: 400 !important;
}
.wp-block-button .wp-block-button__link::after {
	content: "\e046" !important;
}


/*mon menu pied de page ressources*/
/*remove default 11px padding on each side of list items*/
.pa-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

/*make the menu items fullwidth and add space between them*/
.pa-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 5px 0;
}

/*style the menu items*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 15px!important;
	background: #e9e8f6;
	border-radius: 0px;
	border: 2px solid #e9e8f6;
}

/*style the menu items on hover*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffffff;
	background: #00aa53;
	border-color: #00aa53;
}

/*style the active menu item*/
.pa-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
	color: #ffffff;
	background: #00aa53;
	border-color: #00aa53;
}

/*style the arrow icon if there are submenus*/
.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children>a:first-child:after {
	content: "5" !important;
	/*change arrow icon for submenu*/
	padding: 20px;
	font-size: 24px;
}

/*style the arrow icon if there are submenus to submenus*/
.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children .menu-item-has-children>a:first-child:after {
	padding: 8px !important;
	right: 0px !important;
}

/*make the submenu align directly to the right of the menu item instead of below*/
.pa-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}

/*align submenu to the right of menu link*/
.pa-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}

/*add an icon to the left of each menu item link*/
.pa-vertical-menu ul li a:before {
	font-family: 'ETMODULES';
	content: '\24';
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: 0px;
	color: #00aa53;
	font-size: 1.3em;
	transition: all .75s ease;
}

/*style the menu items icon*/
.pa-vertical-menu ul li a:hover:before {
	margin-left: 7px;
	color: white!important;
	transition: all .75s ease;
}

/*style the active menu item icon*/
.pa-vertical-menu ul li.current-menu-item a:before {
	margin-left: 7px;
	color: #ffffff!important;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav > ul > li:last-child(2) > a::after {
	content: "";
	position: absolute;
	left: -5%;
	z-index: -1;
	width: 110%;
	height: 2.25rem;
	background-color: #00aa53;
	transition: all .4s ease-in-out;
	color: #ffffff !important;
}


.datescles .et_pb_module_header span {
    background-color: #213A8F;
    color: #fff;
    padding: 5px;
}

.fondvert h3.et_pb_module_header {
    display:inline-block;
	background-color: #213a8f;
    color: #fff;
    padding: 5px;
	margin-bottom:10px;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav > ul:not(.sub-menu) > li:not(:last-child) > a::before {
	content: "";
	display: block;
	position: absolute;
	top: 44px;
	width: 100%;
	height: 3px;
	transform: scaleX(0);
	transform-origin: left;
	background: #00aa53;
	transition: transform 0.3s ease-out;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav > ul:not(.sub-menu) > li:not(:last-child) > a:hover::before {
	transform: scaleX(1);
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav > ul > li:last-child > a {
	color: #fff !important;
}
.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav > ul > li:last-child > a::before {
	content: "";
	position: absolute;
	left: -10%;
	z-index: -1;
	width: 120%;
	height: 2.25rem;
	background-color: #00aa53;
	transition: all .4s ease-in-out;
}

.et-db #et-boc .et-l .nav li ul {
	width: 280px !important;
}
.et-db #et-boc .et-l .nav li li {
	padding: 0 6px;
	margin: 0;
    line-height: 1.3;
}
.et-db #et-boc .et-l .et-menu li .sub-menu li a {
	padding: 6px 6px;
	width: 268px;
}


.et-db #et-boc .et-l  .pa-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 5px 0;
}




.et-db.post-type-archive-ressource #et-boc .et-l div.et_pb_section.et_pb_section_0,
.et-db.tax-type_de_ressource #et-boc .et-l div.et_pb_section.et_pb_section_0,
.et-db.post-type-archive-point-interet #et-boc .et-l div.et_pb_section.et_pb_section_0,
.et-db.single-point-interet #et-boc .et-l div.et_pb_section.et_pb_section_0 {
	background-size: initial;
	background-repeat: repeat;
	position: relative;
	background-color: #fff;
	background-position: 50%;
	background-image: url(https://promenadedupaillon2.nice.fr/wp-content/uploads/2022/06/pattern.png) !important;
}

.et-db.post-type-archive-ressource #et-boc .et-l .et_pb_section_0.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.et-db.tax-type_de_ressource #et-boc .et-l .et_pb_section_0.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.et-db.post-type-archive-point-interet #et-boc .et-l .et_pb_section_0.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.et-db.single-point-interet #et-boc .et-l .et_pb_section_0.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTEyODAgODZjLTE5LjktMTcuMjEtNDAuMDgtMzkuNjktNzkuODktMzkuNjktNTcuNDkgMC01Ni45MyA0Ni41OS0xMTUgNDYuNTktNTMuNjEgMC01OS43Ni0zOS42Mi0xMTUuNi0zOS42MkM5MjMuNyA1My4yNyA5MjQuMjYgODcgODUzLjg5IDg3Yy04OS4zNSAwLTc4Ljc0LTg3LTE4OC4yLTg3QzU1NCAwIDU0My45NSAxMjEuOCA0MjMuMzIgMTIxLjhjLTEwMC41MiAwLTExNy44NC01NC44OC0xOTEuNTYtNTQuODgtNzcuMDYgMC0xMDAgNDguNTctMTUxLjc1IDQ4LjU3LTQwIDAtNjAtMTIuMjEtODAtMjkuNTF2NTRIMTI4MHoiLz48L2c+PC9zdmc+);
	background-size: 100% 50px;
	bottom: 0;
	height: 50px;
	z-index: 1;
	transform: scale(1,1);
}

.et-db.post-type-archive-ressource #et-boc .et_pb_column article h2,
.et-db.tax-type_de_ressource #et-boc .et_pb_column article h2,
.et-db.post-type-archive-point-interet #et-boc .et_pb_column article h2,
.et-db.single-point-interet #et-boc .et_pb_column article h2 {
    font-size: 20px;
    color: #213A8F;
}
.et-db.post-type-archive-ressource #et-boc .et_pb_column article .post-meta,
.et-db.tax-type_de_ressource #et-boc .et_pb_column article .post-meta,
.et-db.post-type-archive-point-interet #et-boc .et_pb_column article .post-meta,
.et-db.single-point-interet #et-boc .et_pb_column article .post-meta {
    padding-bottom: 0;
    font-size: 14px;
    font-weight: bold;
}
.et-db.post-type-archive-ressource #et-boc .et_pb_column article p,
.et-db.tax-type_de_ressource #et-boc .et_pb_column article p,
.et-db.post-type-archive-point-interet #et-boc .et_pb_column article p {
    font-size: 16px;
    line-height: 1.3;
}

.post-type-archive-ressource .type-ressource,
.tax-type_de_ressource .type-ressource,
.post-type-archive-point-interet .type-point-interet {
    position: relative;
    padding: 12px;
    background-color: #E9E8F6;
}

.paillon_button {
	display: inline-block;
	color: #00AA53 !important;
	border-bottom: 2px solid #63BA8D;
	border-radius: 0px;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding-top: .3em;
    padding-right: 1.5em;
    padding-bottom: .3em;
	padding-left: 0.25em;
	background-color: rgba(9,23,68,0);
    transition: all .3s;
}
.paillon_button:hover {
    letter-spacing: 2px !important;
}

.paillon_button::after {
	position: absolute;
	line-height: inherit;
    font-size: inherit !important;
    opacity: 1;
    margin-left: .3em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.paillon_button[data-icon]:not([data-icon=""])::after {
	content: "\e046" !important;
}

.et-db.post-type-archive-ressource #et-boc .et_pb_column article p.taxo--type-ressource,
.et-db.tax-type_de_ressource #et-boc .et_pb_column article p.taxo--type-ressource,
.et-db.post-type-archive-point-interet #et-boc .et_pb_column article p.acf--lieu {
    padding: .25rem;
    font-size: 16px;
}
.taxo--type-ressource {
    position: absolute;
    top: 0;
    width: calc(100% - 24px);
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #213A8F;
    border-radius: 0px 0px 30px 30px;
}
.acf--lieu {
    position: absolute;
    top: 0;
    width: calc(100% - 24px);
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #00aa53;
    border-radius: 0px 0px 30px 30px;
}
.acf--lieu-picto {
	display: inline-block;
	padding: .25em .5em;
	margin-bottom: .5em;
    font-weight: bold;
    color: #00aa53;
}
.acf--lieu-picto::before, #cardproject .text .subtitle::before {
    content: "";
	display: inline-block;
	margin-right: 4px;
	margin-bottom: -5px;
	width: 25px;
	height: 25px;
	background: transparent url("/wp-content/themes/paillon/images/picto-vert-localisation.png") no-repeat 0 0;
}

.taxo--cible-ressource {
    display: inline-block;
	margin-bottom: .5em;
    padding: .25em .5em;
    font-size: 14px;
    color: #fff;
    background-color: #00aa53;
}

.taxo--type_point_interet {
    display: inline-block;
	margin-bottom: .5em;
    padding: .25em .5em;
    font-size: 16px;
    color: #fff;
    
}
.taxo--type_point_interet::before {
    content: "";
	display: inline-block;
	margin-right: 4px;
	margin-bottom: -3px;
	width: 18px;
	height: 18px;
}
.taxo--type_point_interet.amenagement {
	background-color: #00AA53;
}
.taxo--type_point_interet.amenagement::before {
	background: transparent url("/wp-content/themes/paillon/images/amenagement.svg") no-repeat 0 0;
}
.taxo--type_point_interet.culture {
	background-color: #A73C8C;
}
.taxo--type_point_interet.culture::before {
	background: transparent url("/wp-content/themes/paillon/images/culture.svg") no-repeat 0 0;
}
.taxo--type_point_interet.circulation {
	background-color: #213A8F;
}
.taxo--type_point_interet.circulation::before {
	background: transparent url("/wp-content/themes/paillon/images/circulation.svg") no-repeat 0 0;
}

form.searchandfilter {
	text-align: center;
}
form.searchandfilter ul li {
	display: inline-block;
}
form.searchandfilter ul li:not(last-child) {
	margin-right: 1.5rem;
}
form.searchandfilter ul li select {
	padding: .25rem .5rem;
	font-size: 16px;
	border: 2px solid #00aa53;
}

.wpcf7-form input[type=text], .wpcf7-form input[type=email],  .wpcf7-form select {
	padding: .5rem;
	border: 2px solid #00aa53;
}
.wpcf7-form textarea {
	border: 2px solid #00aa53;
}
.wpcf7-form input[type=submit] {
	padding: .5rem;
	color: #fff;
	font-size: 1.25rem;
	font-weight: bold;
	border: 2px solid #00aa53;
	background-color: #00aa53;
	transition: all .3s;
}
.wpcf7-form input[type=submit]:hover {
	cursor: pointer;
	color: #00aa53;
	background-color: #fff;
}

.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__search-input {
	padding: .75rem;
	border: 2px solid #00aa53;
	background-color: rgba(0, 170, 83, .05);
}


/*make the featured image zoom in on hover*/
.et_pb_blog_grid .et_pb_post:hover img {
	transform: scale(1.15);
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
}


.fondvert h2.et_pb_module_header {
    display:inline-block;
	background-color: #00aa53;
    color: #fff;
    padding: 5px;
	margin-bottom:10px;
}


.pa-blog-meta-icons .post-meta>a:before {
	content: "\e078";
	font-family: ETMODULES;
	font-size: 12px;
	color: #63ba8d;
	font-weight: bold;
	margin-right: 4px;
}

.pa-blog-meta-icons .post-meta .published:before {
	content: "\e023";
	font-family: ETMODULES;
	font-size: 12px;
	color: #63ba8d;
	font-weight: bold;
	margin-right: 4px;
}


.et_pb_post a.more-link {
	border-bottom: 2px solid #63BA8D;	
	padding-right: 0.7em;
    padding-left: 0.7em;
	margin-top: 20px;
	border-radius: 0px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.et_pb_post .more-link:after {
	content: "\e046";
	font-family: ETModules;
	font-size: 18px;
	font-weight: 400;
	margin-left: 5px;
}

/*adjust the image spacing*/
.et_pb_post .entry-featured-image-url {
	margin: 0;
}

/*keep the zoomed in image inside the image frame*/
.et_pb_blog_grid .et_pb_image_container {
	overflow: hidden;
}


/*add a smooth transition for the zoom effect*/
.et_pb_blog_grid .et_pb_image_container img {
	transition: all 0.95s ease;
	-moz-transition: all 0.95s ease;
	-webkit-transition: all 0.95s ease;
}


.et_right_sidebar #sidebar {
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:25px;
	background: #e9e8f6;
}

.et_right_sidebar #sidebar h2 {
	font-size: 22px;
}
.et_right_sidebar #sidebar .wp-block-latest-posts__post-title {
	display: block;
	color: #213a8f;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: rgba(33, 58, 143,.8);
	font-size: 16px;
  }

/* Media queries */

/*show desktop menu on phone*/
@media (max-width: 980px) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}

@media (min-width: 767px) {

	/*set the image width*/
	.pa-blog-list .entry-featured-image-url  {
	width: 40%;
	float: left;
	margin-bottom: 0!important;
	}
	
	/*set the details width*/
	.pa-blog-list .entry-title,
	.pa-blog-list .post-meta,
	.pa-blog-list .post-content {
	width: 60%;
	float: left;
	padding-left: 30px;
	}
}

.et-db.post-type-archive-ressource #et-boc .et_pb_column article .et_pb_row,
.et-db.tax-type_de_ressource #et-boc .et_pb_column article .et_pb_row,
.et-db.post-type-archive-point-interet #et-boc .et-l .et_pb_column article .et_pb_row,
.et-db.single-point-interet #et-boc .entry-content .et_pb_row {
	width: 100%;
	
}

@media (min-width: 981px) {
	.flex-center {
		display: flex;
		align-items: center;
	}
	.et-db #et-boc .et-l .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
		margin-left: 1.5rem;
	}
	.post-type-archive-ressource #main-content .container::before,
	.tax-type_de_ressource #main-content .container::before,
	.post-type-archive-point-interet #main-content .container::before,
	.single-point-interet #main-content .container::before,
	#main-content .container::before {
		content: none;
	}
	.post-type-archive-ressource .et_pb_row .et_pb_column.et_pb_column_2:nth-child(even),
	.tax-type_de_ressource .et_pb_row .et_pb_column.et_pb_column_2:nth-child(even),
	.post-type-archive-point-interet .et_pb_row .et_pb_column.et_pb_column_2:nth-child(even),
	.single-point-interet .et_pb_row .et_pb_column.et_pb_column_2:nth-child(even) {
		margin-right: 0 !important;
	}


    .has-post-thumbnail .taxo--type-ressource, .has-post-thumbnail .acf--lieu {
        right: 12px;
        width: calc(50% - 24px);
    }

    .et-db.post-type-archive-ressource #et-boc .et_pb_column article h2,
    .et-db.tax-type_de_ressource #et-boc .et_pb_column article h2,
	.et-db.post-type-archive-point-interet #et-boc .et_pb_column article h2,
	.et-db.single-point-interet #et-boc .et_pb_column article h2 {
        padding-top: 36px;
    }
	#map {

		animation: .2s linear 1s hack-map;
	}
}
@keyframes hack-map {
	from {
	  max-width: 99.9%;
	}
	to {
		max-width: 100%;
	}
  }

@media  (min-width: 981px) and (max-width: 1110px) {
	header .et_pb_column_0_tb_header {
		padding-right: 2%;
		padding-left: 2%;
	}
	header .et_pb_menu .et-menu > li {
		padding-left: 6px;
		padding-right: 6px;
	}
	.et-db #et-boc .et-l .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
		margin-right: 0;
	}
}

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8; }
  
  .mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden; }
  
  .mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box; }
  
  .mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle; }
  
  .mfp-align-top .mfp-container:before {
	display: none; }
  
  .mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045; }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto; }
  
  .mfp-ajax-cur {
	cursor: progress; }
  
  .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out; }
  
  .mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in; }
  
  .mfp-auto-cursor .mfp-content {
	cursor: auto; }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none; }
  
  .mfp-loading.mfp-figure {
	display: none; }
  
  .mfp-hide {
	display: none !important; }
  
  .mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044; }
	.mfp-preloader a {
	  color: #CCC; }
	  .mfp-preloader a:hover {
		color: #FFF; }
  
  .mfp-s-ready .mfp-preloader {
	display: none; }
  
  .mfp-s-error .mfp-content {
	display: none; }
  
  button.mfp-close,
  button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation; }
  
  button::-moz-focus-inner {
	padding: 0;
	border: 0; }
  
  .mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace; }
	.mfp-close:hover,
	.mfp-close:focus {
	  opacity: 1; }
	.mfp-close:active {
	  top: 1px; }
  
  .mfp-close-btn-in .mfp-close {
	color: #333; }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%; }
  
  .mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap; }
  
  .mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent; }
	.mfp-arrow:active {
	  margin-top: -54px; }
	.mfp-arrow:hover,
	.mfp-arrow:focus {
	  opacity: 1; }
	.mfp-arrow:before,
	.mfp-arrow:after {
	  content: '';
	  display: block;
	  width: 0;
	  height: 0;
	  position: absolute;
	  left: 0;
	  top: 0;
	  margin-top: 35px;
	  margin-left: 35px;
	  border: medium inset transparent; }
	.mfp-arrow:after {
	  border-top-width: 13px;
	  border-bottom-width: 13px;
	  top: 8px; }
	.mfp-arrow:before {
	  border-top-width: 21px;
	  border-bottom-width: 21px;
	  opacity: 0.7; }
  
  .mfp-arrow-left {
	left: 0; }
	.mfp-arrow-left:after {
	  border-right: 17px solid #FFF;
	  margin-left: 31px; }
	.mfp-arrow-left:before {
	  margin-left: 25px;
	  border-right: 27px solid #3F3F3F; }
  
  .mfp-arrow-right {
	right: 0; }
	.mfp-arrow-right:after {
	  border-left: 17px solid #FFF;
	  margin-left: 39px; }
	.mfp-arrow-right:before {
	  border-left: 27px solid #3F3F3F; }
  
  .mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px; }
	.mfp-iframe-holder .mfp-content {
	  line-height: 0;
	  width: 100%;
	  max-width: 900px; }
	.mfp-iframe-holder .mfp-close {
	  top: -40px; }
  
  .mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%; }
	.mfp-iframe-scaler iframe {
	  position: absolute;
	  display: block;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	  background: #000; }
  
  /* Main image in popup */
  img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto; }
  
  /* The shadow behind the image */
  .mfp-figure {
	line-height: 0; }
	.mfp-figure:after {
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 40px;
	  bottom: 40px;
	  display: block;
	  right: 0;
	  width: auto;
	  height: auto;
	  z-index: -1;
	  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	  background: #444; }
	.mfp-figure small {
	  color: #BDBDBD;
	  display: block;
	  font-size: 12px;
	  line-height: 14px; }
	.mfp-figure figure {
	  margin: 0; }
  
  .mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto; }
  
  .mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px; }
  
  .mfp-image-holder .mfp-content {
	max-width: 100%; }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer; }
  
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
		 * Remove all paddings around the image on small screen
		 */
	.mfp-img-mobile .mfp-image-holder {
	  padding-left: 0;
	  padding-right: 0; }
	.mfp-img-mobile img.mfp-img {
	  padding: 0; }
	.mfp-img-mobile .mfp-figure:after {
	  top: 0;
	  bottom: 0; }
	.mfp-img-mobile .mfp-figure small {
	  display: inline;
	  margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar {
	  background: rgba(0, 0, 0, 0.6);
	  bottom: 0;
	  margin: 0;
	  top: auto;
	  padding: 3px 5px;
	  position: fixed;
	  box-sizing: border-box; }
	  .mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0; }
	.mfp-img-mobile .mfp-counter {
	  right: 5px;
	  top: 3px; }
	.mfp-img-mobile .mfp-close {
	  top: 0;
	  right: 0;
	  width: 35px;
	  height: 35px;
	  line-height: 35px;
	  background: rgba(0, 0, 0, 0.6);
	  position: fixed;
	  text-align: center;
	  padding: 0; } }
  
  @media all and (max-width: 900px) {
	.mfp-arrow {
	  -webkit-transform: scale(0.75);
	  transform: scale(0.75); }
	.mfp-arrow-left {
	  -webkit-transform-origin: 0;
	  transform-origin: 0; }
	.mfp-arrow-right {
	  -webkit-transform-origin: 100%;
	  transform-origin: 100%; }
	.mfp-container {
	  padding-left: 6px;
	  padding-right: 6px; } }