/*
    Theme Name: Dark Portfolio
	Version: 0.1
	Author: Roman Pavlyshyn
*/
@font-face {
    font-family: 'Myriad Pro Bold';
    src: url('/wp-content/themes/dark-portfolio/fonts/Myriad-Pro-Bold-Condensed.eot');
    src: url('/wp-content/themes/dark-portfolio/fonts/Myriad-Pro-Bold-Condensed.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/dark-portfolio/fonts/Myriad-Pro-Bold-Condensed.woff') format('woff'),
         url('/wp-content/themes/dark-portfolio/fonts/Myriad-Pro-Bold-Condensed.ttf') format('truetype');
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: 'Myriad Pro Bold';
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px!important;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background-color: #0c0c0c;
    min-height: calc(100vh - 2rem);
    margin-top: 0rem;
    overflow-y: auto;
}

#content{
    min-height: 80vh;
}

.logo, .logo:hover, .logo:active {
    display:block;
    margin-top:2rem;
    text-align: center;
    text-decoration:none;
    border: 0px;
}

h1, h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

h1,
h1 a, h1 a:hover, h1 a:active {
    font-size: 30px;
    color: #a1a1a1;
    text-transform: uppercase;
    text-align: center;
    text-decoration:none;
}

h2 {
    font-size: 18px;
    color: #393939;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
}

hr {
    height: 5px;
    width: 100%;
    background-image: url('/wp-content/themes/dark-portfolio/img/hr.jpg');
    border:0px;
    padding: 0px;
    margin: 0;
}
hr.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.container {
    max-width: 762px;
}
.menu {
    width: 100%;
    padding: 0px;
    margin-top: 5px;
    margin-bottom:25px;
    list-style: none;
    display: block;
    text-align: center;
}
.menu:after {
    clear:both;
}
.menu li {
    display: inline;
    padding: 10px 25px;
    margin-right: 3px;
    text-transform: uppercase;
    background-color: #030303;
}
.menu li a, .menu li a:hover, .menu li a:active {
    font-weight: bold;
    color: #3b3b3b;
    font-size: 18px;
    line-height: 26px;
    text-decoration:none;
}
.menu li.active {
    background-color: #060606;
}
.menu li.active a {
    color: #4c0c0c;
}

.posts {
    min-height: calc(100vh - 22rem);
    background-color: #0e0e0e;
    padding-bottom: 2rem;
}
.posts p {
    font-family: 'Tahoma', 'Arial';
    font-size: 13px;
    text-align: justify;
}
.post-item {
    padding-right: 3px;
    padding-left: 3px;
    margin-top: 4px;
    text-align: center;
    cursor:pointer;
}
a.post-item {
    display:block;

}

a.post-item img {
    max-width: 100%;
}

.has-small-font-size.home-first-text{
    float: left;
    width: 100%;
    text-align: justify;
}


.main-footer {
    position: relative;
    padding: 0 0 0.5rem 0;
    left: 0px;
    right: 0px;
    bottom:0px;
    min-height: 9rem;
    /*background-color: #0c0c0c;*/
    text-align: center;
}
.main-footer p {
    margin: 0px;
 }
.main-footer .site-title a,
.main-footer .site-title a:hover,
.main-footer .site-title a:active {
    font-size: 14px;
    color: #3d3d3d;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-decoration:none;
    
}
.main-footer .site-description {
    font-size: 8px;
    color: #3d3d3d;
    text-transform: uppercase;
}
.main-footer .site-copyright {
    font-size: 15px;
    color: #3d3d3d;
    margin-top: 10px;
}
.social-links {
    padding: 1.5rem 0;
}
.social-links a {
    margin-right: 1rem;
}

.home-first-text {
    display: inline;
    padding: 0;
    width: 40%;
    text-align: justify;
    font-size: 14px;
}
figure.wp-block-image.is-resized {
    float: right;
    margin-left: 0.4rem;
}
.wp-image-53 {
    float: right;
    width: 45%;
	max-width: 255px;
    margin-left: 0.4rem;
}

#fancybox-content {
    border: 0 !important;
}

/* contact form */
.contact-form {
    max-width: 688px;
    padding: 1rem 3rem;
    border-radius: 1rem;
    background-color: #0b0b0b;
    
    color: #404040;
}
.contact-form p {
    margin-bottom: 0.9rem;
    clear: both;
}
.contact-form p,
.contact-form p label,
.contact-form p label span {
    display: block;
    width: 100%;
}
.contact-form p label span span {
    display: inline;
    margin-left: 0.5rem;
    font-size: 11px;
}
input, textarea {
    background-color: #0f0f0f;
    border: 1px solid #151515;
    border-top: 2px solid #000;
    border-radius: 0.5rem;
    max-width:100%;
    padding: 0 0.5rem;
}
input:focus, textarea:focus {
    outline:none !important;
}

input {
    height: 30px;
    width: 50%;
}
textarea {
    width:100%;
    height: 8rem;
}
input[type="submit"] {
    float: right;
    width:auto;
    height: auto;
    padding: 0.2rem 2rem;
    color: #b0a4a4;
    background-color: #431414;
    text-transform: uppercase;
}

span.wpcf7-not-valid-tip {
    color: #431414;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0px;
    margin: 1rem 0;
    padding: 0px;
    color: #431414;
}

.contact-form p label span.color-red {
    display: inline;
    color: #761d1d;
}
/* contact form */


@media only screen and (max-width: 730px) {
    .container {
        max-width: 100%;
    }

    h1, h1 a, h1 a:hover, h1 a:active {
        font-size: 22px;
    }
    h2 {
        font-size: 12px;
    }
    .menu li {
        padding: 8px 15px;
    }

    .social-links a {
        margin: 0 0.5rem;
    }

    /* contact form */
    .contact-form {
        padding: 1rem;
        border-radius: 1rem;
        background-color: #0c0c0c;
    }
    /* contact form */
}


.post-item {
    position: relative;
    display:block;
}
.post-item:after {
    content: ' ';
	background-color: #000;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.post-item:hover:after {
	opacity: 0.5;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}