/*
Theme Name:     Dotted Child
Theme URI:      http://demo.oceanthemes.net/dotted/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         OceanThemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       dotted
*/

@import url("../dotted/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


body {
    font-family: 'Helvetica', sans-serif;
    font-size: 15px !important;
    line-height: 25px;
    color: #999;
}

.navi-level-1 {
    font-size: 16px;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.navi-right {
    float: right;
    list-style: none;
    padding-top: 15px;
}

.nav-r {
    float: right;
    padding-top: 15px;
}


.btn-border-main-color, .btn-border-sub-color:hover, .btn-border-sub-color:focus, .form-team-single-warp textarea.form-control:focus, .customNavigation-3 a.btn-1:hover, .overlay-1, .thumb-owl-testimonial-2 .owl-item.synced .thumb-owl-2 .avatar-owl-2, .nav-dark a.btn-1:hover, .twitter-logo-fix, .icon-twitter-3, .team-item:hover .overlay-1, blockquote, .right-form-comment textarea.form-control:focus, .comment-form .form-control:focus, .comment-form .form-control, .form-inline .contact-form-landing .form-control:focus, .border-color-theme, .hover-border-theme:hover, .twitter-logo-fix {
    border-color: #124896;
}

.btn-border-main-color, .btn-border-sub-color:hover, .btn-border-sub-color:focus, .nav-r.ver2 .navi-level-1 a:after, .nav-r.ver2 .navi-level-1 a:after, .header-v1 .navi-level-1 > li > a:focus, .header-v1 .navi-level-1 > li > a:hover, .navi-right-2 li a:hover, .navi-right-2 li a:focus, .mPS2id-highlight span, .icon-1 i, .iconbox:hover .hover-text-theme, .project-item p, .no-gutter .project-item h4 a:hover, .no-gutter .project-item p a:hover, .hover-text-theme a:hover, .call3 .sub-heading-call3, .nav-dark a.btn-1:hover, .twitter-widget-1 ul a:hover, .twitter-widget-1 ul .timePosted a, .twitter-widget-2 a:hover, .twitter-widget-2 .timePosted a, .icon-twitter-3, .twitter-owl-warp a:hover, p.rate .fa-star, ul.social-share li a:hover, .widget li a:hover, .widget-search form button:hover, .widget-category ul.category li:hover a, .comment-reply-title a, .col-description ul.social-share a:hover, .col-skill p i, .faq-heading, .services-heading, .btn-goback404:hover, .social-big-white li a:hover, .pricing-table .content ul li i.fa, .pricing-table header .price p.value, .reward-item p.date, .footer-v1 .contact-f2 ul li i, .color-theme, .hover-text-theme:hover, .blog-footer a:hover, div.woocommerce a:hover, .product-item .product-detail a:hover h3, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-info:before, .cart-button ul.cart_list li a:hover {
    color: #124896;
}


/* Single & archive – kontener na media */
.blog-feature-warp {
  position: relative;
  overflow: hidden;
}

/* Wrap 16:9 dla playera */
.blog-feature-warp .embed-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 9/16 */
  overflow: hidden;
}

/* Player wypełnia wrap */
.blog-feature-warp .embed-wrap iframe,
.blog-feature-warp .embed-wrap object,
.blog-feature-warp .embed-wrap embed {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* Obrazki nadal responsywne (dla innych formatów) */
.blog-feature-warp img {
  max-width: 100%;
  height: auto;
  display: block;
}


/* Single & archive – kontener na media */
.blog-feature-warp { position: relative; overflow: hidden; }

/* Wrap 16:9 dla playera */
.blog-feature-warp .embed-wrap { position: relative; width:100%; padding-top:56.25%; overflow:hidden; }

/* Player wypełnia wrap */
.blog-feature-warp .embed-wrap iframe,
.blog-feature-warp .embed-wrap object,
.blog-feature-warp .embed-wrap embed {
  position:absolute; inset:0; width:100% !important; height:100% !important; border:0;
}

/* Obrazki nadal responsywne (dla innych formatów) */
.blog-feature-warp img { max-width:100%; height:auto; display:block; }

