/*
 * Theme Name: Dizzy Birds
 */

.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 960px; /* or 950px */
}

html {
    font-family: 'Open Sans', sans-serif;
}

body {
    margin: 0;
    font-size: 16px;
    /*background: url("/wp-content/themes/dizzy-birds/images/bg.png");*/
}

.amatic {
    font-family: 'Amatic SC', cursive;
}

body > header {
    margin-bottom: 2em;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

header .logo {
    font-size: 2em;
}

header h4 {
    color: rgb(92, 92, 92);
}


.main-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: rgb(236, 245, 248);
}

.main-menu li {
    display: inline-block;
}

.main-menu li a {
    text-align: center;
    display: block;
    padding: 0 .5em;
    margin: 0 0.2em;
    font-size: 2.3em;
}

.main-menu li a:hover,
.main-menu li.current-menu-item a,
.main-menu li.current_page_parent a {
    text-shadow: 0 1px 0 rgb(232, 246, 255), 0 -1px 0 rgb(207, 209, 255);
    color: #2a6496;
}

/*
.preview img {
    float: left;
    margin-right: 1em;
    border-radius: 7px;
}
*/
.preview {
    overflow: auto;
    background: rgb(249, 253, 253);
    padding: 1em 2em;
    margin-bottom: 1em;
    border: 2px dashed rgb(230, 230, 230);
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgb(133, 133, 94);
}

.home .size-homepage-thumb {
    width: 100%;
    height: 100%;
}

.rel-block {
    position: relative;
    display: block;
}

.front-page-menu a {
    background: rgb(236, 245, 248);
}

.front-page-menu a img {
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

.front-page-menu a:hover img {
    opacity: 0.7;
}

.front-page-menu-text {
    position: absolute;
    bottom: 0;
    /*left: 0;*/
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

#fancybox-buttons.none,
#fancybox-thumbs.none {
    display: none;
}

#shop-sidebar {
    list-style: none;
    padding: 0;
    margin: 0;
}

.related.products {
    clear: both;
}

@media screen {
    .screen-reader-text {
        display: none;
    }
}

@media screen and (min-width: 768px) {
}

.social-icon {
    opacity: 0.5;
    background: url("/wp-content/themes/dizzy-birds/images/sprite.png");
    display: block;
    text-indent: -10000px;
    width: 35px;
    height: 35px;
    background-size: cover;
}

.social-icon:hover {
    opacity: 1;
}

.social-icon.fb {
    background-position: -35px 0;
    top: 15px;
}

.social-icon.tw {
    top: 50%;
    margin-top: -17.5px;
}

.social-icon.gp {
    background-position: -70px 0;
    bottom: 15px;
}

@media (max-width: 768px) {
    header .logo {
        text-align: center;
        display: block;
    }

    header .logo img {
        max-width: 100%;
    }

    .social-icon {
        margin: 10px 20px;
        display: inline-block;
    }
}

#header-contact-meta {
    font-size: 1.7em;
    color: rgb(175, 195, 224);
    text-align: center;
}

#header-blog-description {
    font-size: 1.7em;
    color: rgb(175, 195, 224);
    text-align: center;
}

.social-icon-wrapper {
    text-align: center;
}

@media (min-width: 768px) {
    #header-contact-meta {
        position: absolute;
        top: 15px;
        right: 65px;
    }

    #header-blog-description {
        position: absolute;
        bottom: 0;
        left: 339px;
    }

    .social-icon {
        position: absolute;
        right: 0;
        margin-right: 15px;
    }
}

/*
 * WooCommerce overrides
 */

.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
    margin-bottom: 3.8%;
}

.woocommerce #content div.product div.thumbnails a:hover img,
.woocommerce div.product div.thumbnails a:hover img,
.woocommerce-page #content div.product div.thumbnails a:hover img,
.woocommerce-page div.product div.thumbnails a:hover img {
    opacity: .7;
}

.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before {
    /*display: inline-table;*/
    height: 40px;
}

.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
    width: 22.05%;
}