/*
Theme Name: OceanWP Child
Theme URI: https://www.madeinflo.com/wp-content/themes/oceanwp-child/
Description: OceanWP child theme.
Author: Francesco Beringi - babe
Author URI: https://www.madeinflo.com/about
Template: oceanwp
Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  oceanwp-child
*/

/*------------------------------------*
	$MAIN
*------------------------------------*/
/* r238
-------------------------------------------------------------- */
body {
  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    color: #4a4a4a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word;
    word-wrap: break-word;
    background-color: #f1f1f1
}

/* r922
-------------------------------------------------------------- */
#main #content-wrap {
  padding-top: 48px;
  padding-bottom: 48px;
  border-left: 1px solid #7a1518;
	border-right: 1px solid #7a1518;
}

/* r959
-------------------------------------------------------------- */
.separate-layout .content-area,
.separate-layout .widget-area .sidebar-box {
  background-color: #f1f1f1;
}

/* r1078
-------------------------------------------------------------- */
.separate-layout.content-full-width .content-area {
  padding: 30px 0 !important;
  border-left: 1px solid #7a1518;
	border-right: 1px solid #7a1518;
}

/* r1103
-------------------------------------------------------------- */
.separate-layout #main #content-wrap {
  padding: 0 32px;
  padding: 0 3.2rem;
}

/* r1144
-------------------------------------------------------------- */
body.separate-blog.separate-layout #blog-entries > * {
  background-color: #f1f1f1;
  padding: 30px;
  border: 0;
  margin-bottom: 20px;
}

/* r1155
-------------------------------------------------------------- */
body.separate-blog.separate-layout .oceanwp-pagination,
body.separate-blog.separate-layout .page-jump,
body.separate-blog.separate-layout .scroller-status {
  background-color: #f1f1f1;
  padding: 30px;
  margin-top: 20px;
}

/* r1187
-------------------------------------------------------------- */
body.separate-blog.separate-layout .blog-entry.grid-entry .blog-entry-inner {
  background-color: #f1f1f1;
  padding: 1.875rem;
  border: 0;
}

/* r1724 (per Visual portfolio)
-------------------------------------------------------------- */
.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button),
.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button) {
 cursor:pointer;
 text-underline-offset:3px;
 text-decoration:none;
 text-decoration-skip-ink:all;
 -webkit-transition:all 0.3s ease;
 -moz-transition:all 0.3s ease;
 -ms-transition:all 0.3s ease;
 -o-transition:all 0.3s ease;
 transition:all 0.3s ease
}

.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button):hover,
.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button):hover {
  text-decoration: none;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  transition: all 0.3s ease;
}

/* r1754
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
	font-weight: bold;
  margin: 10px 0;
  line-height: 1.8
}

h1 {
  font-size: 46px;
	font-size: 4.6rem;
  color: #6ec1e4;
	font-weight: 900;
	line-height: 1.2;
  text-align: center;
text-transform: uppercase;
letter-spacing: .15em;
margin-bottom:20px;
border-top: 1px solid #7a1518;
border-bottom: 1px solid #7a1518;
padding-bottom: 2px;
}

h2 {
  font-size: 32px;
	font-size: 3.2rem;
	line-height:1.6;
  text-align: center;
	color: #662d91;
}

h3 {
  font-size: 24px;
	font-size: 2.4rem;
  line-height:1.2;
	margin-bottom:8px;
}

h4 {
  font-size: 20px;
	font-size: 2.0rem;
	font-weight: 600;
  line-height: 1.2;
font-style: italic;
}

h5 {
  font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 1px;
	letter-spacing: 0.1rem;
line-height: 1.6;
padding: 16px 0;
	text-transform: uppercase;
}

h6 {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
  	letter-spacing: 2px;
  	letter-spacing: 0.2rem;
  	text-transform: uppercase;
}

/* adding responsive
-------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
h1 {
  font-size: 32px;
	font-size: 3.2rem;
color: #6ec1e4;
font-weight: 900;
line-height: 1.1;
text-align: center;
text-transform: uppercase;
letter-spacing: .1em;
margin-bottom:20px;
border-top: 1px solid #7a1518;
border-bottom: 1px solid #7a1518;
padding-bottom: 2px;
}

h2 {
  font-size: 28px;
	font-size: 2.8rem;
	line-height:1.2;
  text-align: center;
	color: #662d91;
}

#main #content-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  border-left: 1px solid #7a1518;
	border-right: 1px solid #7a1518;
}
}

@media only screen and (max-width: 767px) {
h1 {
  font-size: 23px;
	font-size: 2.3rem;
color: #6ec1e4;
font-weight: 900;
line-height: 1.1;
text-align: center;
text-transform: uppercase;
letter-spacing: .1em;
margin-bottom:20px;
border-top: 1px solid #7a1518;
border-bottom: 1px solid #7a1518;
padding-bottom: 2px;
}

h2 {
  font-size: 18px;
	font-size: 1.8rem;
	line-height:1.2;
  text-align: center;
	color: #662d91;
}

#main #content-wrap {
  padding-top: 18px;
  padding-bottom: 18px;
  border-left: 1px solid #7a1518;
	border-right: 1px solid #7a1518;
}
}

/* r1809
-------------------------------------------------------------- */
p {
  line-height: 1.7;
  font-family: Georgia, Times, "Times New Roman", serif;
	padding: 0 40px;
}

.zero {
  line-height: 1.7;
  font-family: Georgia, Times, "Times New Roman", serif;
	padding: 0;
}

/* r1884
-------------------------------------------------------------- */
.lista {
list-style: square;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 0 58px;
}

/* r2015
-------------------------------------------------------------- */
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="week"],
form input[type="number"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
form select,
form textarea {
  display: inline-block;
  min-height: 40px;
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
  padding: 6px 12px;
  vertical-align: middle;
  background-color: #f1f1f1;
  color: #333;
  border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 2px solid #FF6633;
  border-radius: 0;
  transition: all 0.3s ease;
}

/* r2264
-------------------------------------------------------------- */
input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="submit"],
.button,
body div.wpforms-container-full .wpforms-form input[type=submit],
body div.wpforms-container-full .wpforms-form button[type=submit],
body div.wpforms-container-full .wpforms-form .wpforms-page-button {
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
  background-color: #13aff0;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
  padding: 14px 20px;
  border: 0;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0em;
  line-height: 1;
  transition: all 0.3s ease;
}

/* r2358
-------------------------------------------------------------- */
#top-bar-wrap {
  position: relative;
    background-color: #fff;
    font-size: 12px;
    border-bottom: 0px ;
    z-index: 101;
}

/* r2366
-------------------------------------------------------------- */
#top-bar {
  padding: 0;
}

/* r2370
-------------------------------------------------------------- */
/* #top-bar-inner {
  position: relative;
  background-image: url('https://www.madeinflo.com/wp-content/uploads/2017/03/striscia-colori.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  } */

/* r2416
-------------------------------------------------------------- */
#top-bar-content > a {
    color: #dddddd
}

/* r2539
-------------------------------------------------------------- */
#top-bar-social li a {
    display: block;
    float: left;
    font-size: 14px;
    color: #dddddd
}

/* r2696
-------------------------------------------------------------- */
#site-header {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #7a1518;
    z-index: 100;
}

/* Adding
-------------------------------------------------------------- */
#site-striscia-inv {
    position: relative;
    width: 100%;
    background-image: url("https://www.madeinflo.com/wp-content/uploads/2017/03/striscia-colori.png");
    background-position: bottom center;
    background-repeat: repeat-x;
    background-color: transparent;
    border-top: 1px solid #7a1518;
}

#site-striscia {
    position: relative;
    width: 100%;
    background-image: url("https://www.madeinflo.com/wp-content/uploads/2017/03/striscia-colori.png");
    background-position: top center;
    background-repeat: repeat-x;
    background-color: transparent;
    border-bottom: 1px solid #7a1518;
}

/* r2739
-------------------------------------------------------------- */
#site-logo #site-logo-inner {
  display: table-cell;
  vertical-align: middle;
  height: 76px;
padding-top: 6px;
}

/* r4261
-------------------------------------------------------------- */
#site-navigation-wrap {
  float: right;
  position: relative;
  right: -15px;
font-size: 13px;
letter-spacing: .22em;
text-transform: uppercase;
}

/* r4291
-------------------------------------------------------------- */
#site-navigation-wrap .dropdown-menu > li > a:hover {
  color: #7a1518;
}

/* r4404
-------------------------------------------------------------- */
.dropdown-menu,
.dropdown-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
}

/* r4411
-------------------------------------------------------------- */
.dropdown-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border-top: 3px solid #7a1518;
  min-width: 180px;
  line-height: 1;
  text-align: left;
  z-index: 999;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* r4415
-------------------------------------------------------------- */
.oceanwp-mobile-menu-icon a {
  font-size: 13px;
  line-height: 74px;
  color: #7a1518;
  padding-left: 15px;
  letter-spacing: 0.6px;
  cursor: pointer;
}

/* r4628
-------------------------------------------------------------- */
.oceanwp-mobile-menu-icon a:hover {
  color: #7a1518;
}

/* r4636
-------------------------------------------------------------- */
.oceanwp-mobile-menu-icon a.mobile-menu .oceanwp-text,
.oceanwp-mobile-menu-icon a.mobile-menu .oceanwp-close-text {
  padding-left: 6px;
  text-transform: uppercase;
}

/* r6121
-------------------------------------------------------------- */
#mobile-dropdown {
  float: right;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;
  width: 50%;
  background-color: #fff;
  max-height: 400px;
  overflow-y: auto;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* r6142
-------------------------------------------------------------- */
#mobile-dropdown ul li a {
  font-size: 13px;
  display: block;
  position: relative;
  padding: 7px 40px;
  text-align: left;
  text-transform: uppercase;
}

#mobile-dropdown ul li a:hover {
  background-color: #f8f8f8;
}

/* r6904
-------------------------------------------------------------- */
.blog-entry.post .blog-entry-header .entry-title a {
  font-size: 32px;
  color: #662d91;
margin: 0;
}

/* r6938
-------------------------------------------------------------- */
.blog-entry.large-entry .blog-entry-readmore a {
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  border: 1px solid #ddd;
  padding: 10px 16px;
  margin: 30px 40px 0;
  border-radius: 2px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

/* r7714
-------------------------------------------------------------- */
.single .post-tags {
  font-size: 11px;
  font-weight: 600;
  margin: 30px 0 0;
  padding: 0 40px;
  text-transform: uppercase;
}

/* r8546
-------------------------------------------------------------- */
#footer-widgets {
    background-color: #7a1518;
    padding: 30px 0;
    margin: 0 -15px
}

/* r8707
-------------------------------------------------------------- */
#footer-bottom {
    background-color: #7a1518;
    padding: 15px 0;
    color: #f1f1f1;
    font-size: 12px;
    line-height: 1
}


/* General styles
--------------------------------------------------------------
.color01_night {
	text-transform:uppercase;
	color:#FFFFCC;
}
.color02_night {
	text-transform:uppercase;
	color:#CCFFFF;
}
.color03_night {
	text-transform:uppercase;
	color:#CCFF99;
}
.color04_night {
	text-transform:uppercase;
	color:#FF6633;
}

.color01_day {
	text-transform:uppercase;
	color:#ddcd20;
}
.color02_day {
	text-transform:uppercase;
	color:#0099cc;
}
.color03_day {
	text-transform:uppercase;
	color:#81ba4c;
}
.color04_day {
	text-transform:uppercase;
	color:#B34724;
}

.page_marker {
	border-bottom:5px solid;
}
*/

/* adding
-------------------------------------------------------------- */
#contact-background {
background-image: url('https://www.madeinflo.com/wp-content/uploads/2015/09/IMG_20140221_123824-25pc.jpg');
background-size: cover;
}

.mtto {
	font-variant: small-caps;
	font-weight: bold;
}

p.epigrafe {
	text-align: center;
	padding: 0 10%;
	color: #059dc4;
	margin-bottom: 0;
}

/* gutenberg mods
-------------------------------------------------------------- */
.wp-block-columns {
	display: flex;
	margin-bottom: 0;
flex-wrap: wrap;
}

.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
color: #000;
}

.wp-block-buttons .wp-block-button {
	display: block;
margin: 22px auto;
text-align: center;
}

.wp-block-button__link {
	background-color: #7a1518;
border: none;
border-radius: 0;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: 900;
margin: 0 auto;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word;
}

.wp-block-spacer {
height: 48px;
clear: both;
}
@media only screen and (max-width: 991px) {
  .wp-block-spacer {
  height: 30px;
  clear: both;
  }
}
@media only screen and (max-width: 767px) {
  .wp-block-spacer {
  height: 18px;
  clear: both;
  }
}

.wp-block-cover, .wp-block-cover-image {
position: relative;
background-color: #000;
background-size: cover;
background-position: 50%;
min-height: 480px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

/* MODIFYING Visual portfolio /templates/items-list/items-style/fade/style.min.css */
.vp-portfolio__items-style-fade {
	--vp-items-style-fade--overlay__background-color: rgba(0, 0, 0, 0.25);
}

/* MODIFYING Visual portfolio /templates/items-list/items-style/fly/style.min.css */
.vp-portfolio__items-style-fly {
  --vp-items-style-fly--overlay__background-color: rgb(102, 45, 145, 0.4);
--vp-items-style-fly--meta-title__font-size: 2em;
}

/* MODIFYING Visual portfolio assets/css/main.min.css*/
:root {
 --vp-color-brand: #FF6633;
--vp-items__gap: 24px;
}

 .vp-portfolio {
	padding-bottom: 60px;
}

/* MODIFYING Visual portfolio templates/items-list/filter/minimal/style.min.css */
.vp-filter__style-minimal .vp-filter__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    border: thin solid #fff;
    /* border-color: #f1f1f1 #ffffff; */
}

/* MODIFYING Visual portfolio assets/css/popup-fancybox.min.css*/
	.vp-fancybox .fancybox-caption__body h3 {
	color: inherit;
	font-size: 2rem;
}

/* MODIFYING Visual portfolio assets/vendor/fancybox/dist/jquery.fancybox.min.css */
.fancybox-caption {
background: linear-gradient(0deg,rgba(122,21,24,.85) 0,rgba(122,21,24,.3) 50%,rgba(122,21,24,.15) 65%,rgba(122,21,24,.075) 75.5%,rgba(122,21,24,.037) 82.85%,rgba(122,21,24,.019) 88%,transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}

/* MODIFYING Contact Form 7*/
.wpcf7 {
  padding: 24px 0;
}