/*
Theme Name: Ophelia Child
Author: FoxCNS
Description: Simple, creative and made with state of the art technology. The structure of this clean and responsive WordPress Theme will simplify your work with content. You can easily use it for any of your company's activities. At the same time, you will be pleasantly surprised by the ease of using the administration panel, made specifically for small business requirements and necessities.
Version: 1.0.4
Tags: blue, black, white, light, one-column, two-columns, right-sidebar, responsive-layout, custom-menu, custom-background, editor-style, featured-images, full-width-template, theme-options, threaded-comments, translation-ready
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  ophelia-child
Template: ophelia
*/

.arcade-cell {
    float: left;
    margin: 0 10px 0 0;
}

article {
    position: relative;
}

.article-blog, .article-post {
    font-size: 16px;
}

.article-text p, body .article-text p, .article-post p {
    margin: 0;
    padding: 0 0 20px 0;
}

blockquote {
    font-family: inherit;
}

.content .container ruffle-object, .content .container ruffle-embed {
    height: 820px;
    max-width: 100%;
    width: 100%;
}

.copyright-container .copyright {
    border-color: #fff;
}

.gutter {
    margin: 0;
    padding: 0 15px 0 15px;
}

.home .article-text {
    left: 30%;
    position: absolute;
    top: 8vh;
    background: #383838;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    margin: 0 30% 0 0;
    padding: 20px;
}

.home .article-text h2 {
    font-size: 64px;
}

.home .article-text, .home .article-text h2, .home .article-text p {
    color: #fff;
}

.home .article-text p {
    font-size: 26px;
}

body .section-theme-carousel {
    padding: 0;
}

footer .gutter li, body .footer .widget ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
}

footer .gutter .widget .tag-cloud {
	line-height: 22px;
	word-spacing: 8px;
}

body .header {
    background: #074b93;
    color: #fff;
}

body .header .logo {
  float: none;
  margin-top: -25px;
}

.logo {
    border-radius: 50%;
    margin: 5px;
}

body .menu-icon {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

body .menu-top a {
    color: #fff;
}

body .menu-top .current-menu-item a, body .menu-top a:hover {
    color: #bbb;
}

body.parent-pageid-907 .section-page-sidebar .sidebar-container {
    display: none;
}

body.parent-pageid-907 .section-page-sidebar .page-container {
    width: auto;
}

body.parent-pageid-907 .section-page-sidebar .page-container.left {
    float: none;
}

.page-template-page-arcade .article-image img {
    max-width: 250px;
}

.page-template-page-arcade .article-image img.wp-post-image {
    max-width: 100%;
}

ul, ol {
    list-style: initial;
}

ul ul {
    list-style-type: circle;
}

nav ul, nav ol {
    list-style: none;
}

video::-webkit-media-controls-overlay-play-button {
    display: none;
}


@media only screen and (max-width: 1500px) {
    .home .article-text {
        left: 20%;
        margin: 0 20% 0 0;
    }
}

@media only screen and (max-width: 1200px) {
    .content .container ruffle-object, .content .container ruffle-embed {
        height: 820px;
    }

  body .header .search-form {
    display: none;
  }
}

@media only screen and (max-width: 1100px) {
    .content .container ruffle-object, .content .container ruffle-embed {
        height: 780px;
    }

    .home .article-text {
        left: 10%;
        margin: 0 10% 0 0;
        top: 20%;
    }
}

@media only screen and (max-width: 900px) {
    .content .container ruffle-object, .content .container ruffle-embed {
        height: 600px;
    }

    .home .article-text {
        left: 5%;
        margin: 0 5% 0 0;
        top: 5%;
    }
}

@media only screen and (max-width: 750px) {
    .content .container ruffle-object, .content .container ruffle-embed {
        height: 500px;
    }

    .home .article-text {
        left: 5%;
        margin: 0 5% 0 0;
        top: 5%;
    }

    .home .article-text h2 {
        font-size: 32px;
    }

    .home .article-text p {
        font-size: 22px;
        line-height: 26px;
    }
}


@media only screen and (max-width: 640px) {
    .content .container ruffle-object, .content .container ruffle-embed {
        height: 400px;
    }

    .home .article-text {
        left: 5px;
        margin: 0 5px 0 0;
        top: 10%;
    }

    .home .article-text h2 {
        font-size: 22px;
        margin: 0;
    }

    .home .article-text p {
        font-size: 12px;
        line-height: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .content .container ruffle-object, .content .container ruffle-embed {
        height: 300px;
    }

    a.button-large-light, a.button-large-dark {
        line-height: 17px;
        padding: 5px;
        width: 50%;
    }

    .header {
        padding: 0;
    }

    .header .logo {
        margin: 5px 0 5px 0;
    }

    .header .search-form {
        display: none;
    }

}

@media only screen and (max-width: 380px) {
    .content .container ruffle-object, .content .container ruffle-embed {
        height: 200px;
    }
}