/*
Theme Name:     Si Fossi Asino - Child
Theme URI:      http://sifossiasino.it
Description:    Tema Child per il sito sifossiasino.it
Author:         Bernard André
Author URI:     https://www.linkedin.com/in/andré-bernard-650824110
Template:       Avada
Version:        0.1.0
*/

* {
    outline: none !important;
}

h1 p,
h2 p,
h4 p {
    margin: 0 !important;
}

h1 {
    line-height: 1em !important;
}

h1 span:first-child {
    font-size: 50px;
	line-height: 50px;
}

h1 span:last-child {
    font-size: 90px;
	line-height: 90px;
    letter-spacing: 5px;
}

h3 {
    line-height: 1em !important;
    letter-spacing: -0.7px !important;
}

h2 p {
    font-size: 37px;
}

h4 p:last-child {
    font-size: 26px;
    font-weight: 900;
}

h4 p:first-child {
    font-size: unset;
    font-weight: unset;
}

#title-container .fusion-layout-column:first-child {
    width: -moz-max-content !important;
    width: -webkit-max-content !important;
    width: max-content !important;
    margin-right: 4% !important;
}

#title-container .fusion-layout-column:last-child {
    width: -moz-max-content !important;
    width: -webkit-max-content !important;
    width: max-content !important;
}

.square {
    position: relative !important;
    width: calc(25% - ( ( 4% + 4% + 4%) * 0.25)) !important;
}

.square.contact-form .gform_heading,
.square.contact-form .gform_title,
.square.contact-form .gform_description,
.square.contact-form .gform_body,
.square.contact-form .gform_footer.top_label,
.square.contact-form .gform_footer.top_label input {
    margin: 0 !important;
}

.square.contact-form .gform_body li {
    padding: 0 !important;
    margin: 0 !important;
}

.two-columns {
    width: calc(50% - ( (4% + 4%) * 0.25)) !important;
}

.square .fusion-column-wrapper,
.square .fusion-column-wrapper p {
    transition: all 1s;
}

.square.square-image .fusion-column-wrapper:hover {
    background-color: unset !important;
}

.square.square-image .fusion-column-wrapper:hover p {
    color: transparent !important;
}

.square-image,
.square-image * {
    width: 100%;
}

.square-content {
    width: 100%;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
    margin-bottom: 0;
    top: 0;
    padding-top: calc(50% - 19px);
}

#qui-rectangle {
    width: calc(66.66% - ( ( 4%) * 0.3333)) !important;
}

#la-rectangle {
    width: calc(33.33% - ( ( 4%) * 0.6666)) !important;
}

.square-video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.square-video .fluid-width-video-wrapper {
    padding-top: 100% !important;
}

/* ----- last-news ----- */

.last-news h3 {
    margin-top: 2em !important;
    margin-bottom: 1em !important;
}

.last-news .fusion-portfolio-content-wrapper {
    position: relative;
    border: 0 !important;
}

.last-news .fusion-portfolio-content-wrapper .fusion-portfolio-content {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.6);
    height: 3.3em;
    overflow: hidden;
    transition: all 1s;
    padding: 10px !important;
}

.last-news .fusion-portfolio-content-wrapper:hover .fusion-portfolio-content {
    height: 100%;
}

.last-news .fusion-portfolio-content-wrapper .fusion-portfolio-content h2 {
    margin-bottom: 0.2em !important;
    text-align: center;
}

.last-news .fusion-portfolio-content-wrapper .fusion-portfolio-content .fusion-post-content {
    color: #222;
}

.last-news .fusion-portfolio-content-wrapper .fusion-portfolio-content .sep-double {
    display: none;
}

/* ----- Blog sidebar ----- */

.fusion-blogsidebar {
    margin-top: 58px;
    background-color: unset !important;
}

.fusion-blogsidebar li {
    margin-bottom: 2em !important;
}

.fusion-blogsidebar li .lptw-post-small-thumbnail {
    display: flex;
    align-items: center;
}

.fusion-blogsidebar li .lptw-post-header {
    min-height: unset;
}

/* ----- Custom Button ----- */

.custom-button p {
    text-align: center;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    margin: auto !important;
    border: 2px solid #f44336;
    border-radius: 1em;
    transition: all 1s;
}

.custom-button p:hover {
    background-color: #f44336;
}

.custom-button p:hover a {
    color: #fff;
}

.custom-button p a {
    display: block;
    color: #f44336;
    vertical-align: middle;
    font-weight: 600;
    padding: 1em 2em;
    transition: all 1s;
}

.page-title-custom {
    margin-left: calc((100vw - 900px)/ -2) !important;
    width: 100vw;
}

/* ----- Footer ----- */

#footer-title h2,
#footer-title h3 {
    width: 80%;
}

#footer-title h2:first-child {
    font-size: 2.5em;
}

#footer-title h2 {
    font-size: 4.5em;
}

#footer-title h2:nth-child(2) {
    letter-spacing: 4px !important;
}

#footer-title h3 {
    font-size: 1.32em;
    letter-spacing: 0 !important;
}

#footer-title p {
    font-size: 1.2em;
    color: #fff;
}

.form-contatti .gfield_contains_required label,
.form-contatti .ginput_container label {
    display: none !important;
}

.gform_widget h4 {
    font-size: 2em !important;
    margin: 0 !important;
}

.form-contatti_wrapper {
    margin: 0 !important;
}

.gform_footer {
    text-align: right;
}

.gform_footer input {
    background-image: -moz-linear-gradient( to top, #fc6e4e, #f44336) !important;
    color: #ddd;
}

.gform_footer input:hover {
    background-image: -moz-linear-gradient( to top, #f44336, #fc6e4e) !important;
}

.vertical-images .fusion-imageframe,
.stanze .fusion-imageframe {
    margin-bottom: 1em;
}

#credits h2 {
    font-size: 3em;
}

#credits p {
    font-size: 1.8em;
    color: white;
}

#map {
    width: 74% !important;
}

#map span {
    margin-left: 0 !important;
}

@media screen and (max-width: 920px){
	.page-title-custom {
		margin-left: 0 !important;
		width: 100% !important;
	}
	.page-title-custom .title {
		margin-top: 20px !important;
	}
	#trp-floater-ls {
		right:0;
		left: unset;
	}
}

@media screen and (max-width: 400px) {
    main {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    h2 p {
        font-size: 30px;
    }
    table tr {
        vertical-align: top !important;
    }
}