/*
 Theme Name:   Leto Child
 Theme URI:    https://interiorthirteen.co.uk/leto-child/
 Description:  Leto Child Theme
 Author:       Chris Campbell
 Author URI:   http://christopher-campbell.co.uk
 Template:     leto
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  letochild
*/


/* FONTS */
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Raleway&display=swap');
</style>

body {
	font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4 {
	font-family: 'Playfair Display', serif !important;	
}

.header-navigation.header-floating.floating {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.title-heading {
    font-size: 3em;
    margin: 1em;
}

.left-half article, .right-half article {
     position: relative;
     top: 50%;
     left: 50%;
     text-align: center;
     transform: translate(-50%, -50%);
}
.left-half, .right-half {
     display: inline-block;
     vertical-align: top;
     width: 49%;
     position: relative;
     padding: 1rem;
}
section.space {
    padding: 2em 0;
}
.content-page {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.container {
    max-width: 1000px;
    margin: 0 auto;
}
.intro {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: 2em 1em;
    margin-bottom: 4em;
}
.chat {
    padding: 2em 1em;
}
.chat h2 {
    padding-bottom: 16px;
    border-bottom: 3px solid #acbda4;
    max-width: 200px;
}

.main-navigation ul li a, .nav-link-right a {
    text-transform: uppercase;
}



.right-img {
    padding: 1em;
    position: relative;
}
.right-img:before {
    content: '';
    position: absolute;
    bottom: -4em;
    right: -2em;
    height: 300px;
    width: 150px;
    background-color: #acbda4;
    opacity: 0.4;
}




/* FOOTER START */

.site-footer {
    background-color: #ffffff;
    text-align: center;
    padding-bottom: 1em;
}


/* FOOTER END */


@media only screen and (max-width: 768px) {
     .left-half, .right-half {
         width: 100%;
    }
}