/*
Theme Name: The Coral Website 2021
Theme URI: http://wmastudios.com
Author: WMA Studios
Author URI: http://wmastudios.com
Description: The Coral Theme 2021
*/

/*OLD STYLES
body{ margin: 0; padding: 0;     font-family: 'Ohno Blazeface 12 Point';
    font-weight: 100; text-transform: uppercase;
letter-spacing: .03em;
    font-style: normal; background: #00b1c6 url("https://thecoral.co.uk//wp-content/uploads/2021/01/CORAL-ISLAND-YOUTUBE-HEADER-01-01.jpg") no-repeat center top fixed; background-size: cover; -webkit-background-size:cover;}
        .menubar { background: #ff4162; color: black; top:0; width:100%; text-align: center;}
        ul{width: 90%; margin: 0 auto; padding: 1em 0;}
        .menubar li{list-style: none; display: inline-block; padding: .3em; font-size: 20px;}
        .menubar a{ color: black; text-decoration: none;}
        .menubar a:hover{opacity: .4;}
        .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
        img{width: 100%;}
        .packshot{max-width: 510px;}
        .left, .right{display: inline-block; width: 90%;vertical-align:middle;} 
        .left{max-width: 510px;} .right{max-width: 600px;}
        .sidebyside{ width: 90%; text-align: center; margin: 5% auto; max-width: 1168px; padding: 2em 0; border: 5px solid #402719;background:#402719ad;text-shadow: 1px 1px 3px #000;}.lighterred{color:#C85D41;}.darkbrown{color:#402719;}.lightbrown{color:#734221;}.red{color:#B23F21;}.yellow{color:#F5E088;}.lightyellow{color:#F6E59F}
        a{text-decoration: none;cursor: pointer;}
        a .button { background:#F6E59F; color:#402719; text-decoration: none; padding:.4em; border: 1px solid; margin: 0 auto 1em; text-transform: uppercase; text-shadow: none;}
        a .button:hover{background:#DBBE46; color:#402719;}
        .desktop, .menutoptitle{display:none;}
        .mobile{display: block;}
        h1.mobile{padding-top:0;margin-top: 0;}
        .menutoptitle{padding: 0; margin: 0 1em; width: auto;}
        ul.menu{display: inline-block; width: 100%; max-width: 500px; right:0;}
        
        h2{font-size: 1.8em; margin-top: 0; line-height: 1; text-transform: uppercase; letter-spacing: .02em;}
        @media only screen and (min-width: 1080px) {.desktop, .menutoptitle{display:inline-block;} .menu{text-align: right;}
        .mobile{display: none;} }
        p.smallscreenbreak{display: none;}
        @media only screen and (max-width: 600px) {margin-top: 1em; h2{font-size: 1.5em;}p.smallscreenbreak{display:block;}}
  

*/