/*
  Theme Name:   Planet Child
  Theme URI:    http://theme.helloxpart.com/planet/
  Author:       HelloXpart
  Author URI:   https://themeforest.net/user/helloxpart
  Template:     planet-theme
  Description:  Planet – Logistics, Cargo, Transport & Shipping Company WordPress Child Theme
  Version:      1.15
  License:      GNU General Public License v2 or later
  License URI:  http://www.gnu.org/licenses/gpl-2.0.html
  Tags:         left-sidebar, right-sidebar, custom-background, featured-images, flexible-header, post-formats,  theme-options
  Text Domain:  planet-theme
*/

* {
    font-family: 'Open Sans', sans-serif !important;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.ab-icon {
   font: 400 20px/1 dashicons !important;
}

.blog-page-li {
    margin-top: 0 !important;
}

.blog-page-li ul {
    padding: 0 !important;
}

.blog-page-li ul li {
/*    list-style: none !important;*/
}

/* text pri storitvah centriran */
#service .ser-txt {
    text-align: center !important;
    min-height: 150px !important;
}

/* ikona pri storitvah */
.ser-icon h3 a:last-child {
    display: none !important;
}

/* povezava ko greš preko posamezne stritve */
.simg-overlay {
    display: none !important;
}

/* odmik pri storitvah */
#service .service {
    margin-top: -35px !important; 
    padding: 0 !important;
}

/* odstranjena pika pri storitvah */
#service div.container div.service ul.row li {
    list-style: none !important;
}

#service .ser-txt h3 a, .service-box .image a {
    pointer-events: none !important;
}

#about-cargo .ab-cargo:hover .ab-icon a, #about-cargo .ab-cargo:hover .ab-content h4 a, #service .service-box:hover .ser-txt h3 a, #service-single .s-single .single-content:hover h4 a, #blog .blog-widget .right-side .RP:hover a, #blog .submit:hover, .rm-lighten .rm-menu-item .rm-menu-item a:focus, .rm-lighten .rm-menu-item .rm-menu-item a:hover {
    color: #3c3c3c !important;
}

.slick-slider .slick-arrow {
/*    display: none !important;*/
}

.slick-prev, .slick-next {
    margin-top: -60px;  
    height: 63% !important;
    width: 45px !important;
}

.slick-prev {
    margin-left: -95px !important;
}

.slick-next {
    margin-right: -80px !important;
}

.slick-prev::before, .slick-next::before {
    opacity: 1 !important;
}

.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {
    opacity: 0.75 !important;
}

.slick-slide {
    padding: 10px 5px 10px 5px !important;
}

#map {
    height: 300px !important;
    margin-top: 60px !important;
}

#blog, #blog .blogg {
    margin-bottom: 0 !important;
}

#o-nas, #storitve, #vozni-park, #lokacija {
    margin-top: 25px !important;
}

#uberuns, #dienstleistungen, #fuhrpark, #standort {
    margin-top: 25px !important;
}

.vc_col-sm-6 {
    padding: 0 15px 0 15px !important;
}

.your-name input, .your-email input {
    width: 100% !important;
    height: 40px !important;
    font-size: 16px !important;
    padding: 10px !important;
}

.your-message textarea {
    width: 100% !important;
    font-size: 16px !important;
    padding: 10px !important;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 5px 15px !important;
}

.wpcf7-form {
    margin-bottom: 25px !important;
}

#footer .widget .menu {
    margin: 0 !important;
    padding: 0 !important;
}

#footer .widget .menu li {
    width: 45% !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    display: block !important;
    float: left;
}

#footer .widget .menu li::before {
    display: block;
    float: left;
    width: 20px;
    margin-top: 4px;
}

#footer .widget .menu li a {
    width: calc(100% - 20px) !important;
    float: left;
}

#footer .footer {
    padding: 50px 0 25px !important;
}

.planet-row .col-md-3 {
    width: 33.33333333% !important;
}

#footer-bottom .scroll-to-top a i {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    color: #152331;
    transition: .5s;
    font-size: 24px !important;
}

.object {
    background-color: #ffef00 !important;
}

div#scroll_menu_fixed {
    background-color: #ffffff !important;
}

.logo a img {
    width: 100% !important;
}

.head ul li:first-child {
    border-left: none !important;
}

.wpcf7-submit {
    background-color: #ffffff !important;
}

.image {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.footer img {
    border: none !important;
}

#footer {
    margin-top: 25px !important;
}

.f-title {
    padding-bottom: 0 !important;
}

.rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.5);
}

.page-title {
    background: rgba(0,0,0,.75);
    padding: 15px !important;
}

.wpcf7-not-valid-tip {
    color: #f00 !important;
}

.lang-icons {
   border-left: none !important;
}

#service .ser-txt h3 {
    text-transform: none !important;
}

#head_mid li.hb p a {
    color: #535353 !important;
}

#fuhrpark-slider .vc_column_container, #vozni-park-slider .vc_column_container {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/* MEDIA CSS */

@media screen and (max-width: 600px) {
    .image img {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    
    #service .service > ul > li {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    .planet-row .col-md-3:last-child {
        margin-top: 140px !important;
    }
    
    .planet-row .col-md-3 {
        width: 100% !important;
    }
}

@media screen and (min-width: 992px) {
    .logo a {
        display: block;
        position: absolute;
        top: 35px;    
    }
}

@media screen and (max-width: 760px) and (min-width: 600px) {
    #service .ser-txt {
        min-height: 175px !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 750px)  {
    .page-title {
        padding: 10px !important;
    }
}

@media screen and (max-width: 750px) and (min-width: 400px){
    .page-title {
        padding: 5px !important;
    }
}

@media screen and (max-width: 400px) {
    .page-title {
        padding: 3px !important;
    }
}