/*
Theme Name: Driftor
Theme URI: https://alexathemes.net/themes/driftor-fse-wordpress-theme/
Author: Alexathemes
Author URI: https://alexathemes.net
Description: Driftor is a modern and flexible Full Site Editing (FSE) WordPress theme designed for transport, logistics, cargo, freight, trucking companies, shipping services, and delivery businesses. Built with the latest WordPress block editor and full-site editing features, Driftor allows users to create professional logistics and transportation websites without any coding knowledge. The theme is lightweight, responsive, and optimized for performance, making it ideal for companies that want a fast, reliable, and visually appealing online presence.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: driftor
Tags: portfolio, blog, e-commerce, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, right-sidebar

Driftor is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).
Driftor WordPress Theme has been created by AlexaThemes(alexathemes.net), 2026.
Driftor WordPress Theme is released under the terms of GNU GPL
*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.wp-block-image img{
    vertical-align: middle;
}

a:focus{
	outline: 1px solid var(--wp--preset--color--primary);
}
.pos-relative{
    position: relative;
}

.has-shadow{
    box-shadow: 0px 0px 15px -12px rgba(0,0,0,0.75);
}

.sep-bar-left{
    margin-left: 0 !important;
}

.about-iconbox-icon{
    height: 58px;
}

.about-iconbox-icon-inner{
    margin-top: -30px !important;
}

.about-iconbox-num { 
    position:absolute;
    top:20px;
    right:22px;
    -webkit-transition:all 300ms ease;
    transition:all 300ms ease;
}

.about-iconbox-num > h4{
    color:transparent;
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#acacaf;
    font-size:50px;
    font-weight:700;
    line-height: 1;
}

.count-icon { 
    position:absolute; 
    top:-20px; 
    left:0; 
    right:0; 
    margin:0 auto; 
    display:inline-block; 
    width:125px; 
    height:70px; 
    line-height:70px;
    border:2px solid var(--wp--preset--color--primary); 
    border-top:0; 
    text-align:center; 
    -webkit-transition:all 300ms ease; 
    transition:all 300ms ease;
    padding: 5px;
}

.count-icon-inner{
    background-color:var(--wp--preset--color--primary);
    top: -30px;
    height: 88px;
}

.count-icon-inner > figure{
    height: 100%;
}

.team-social{
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.post-date{
    position: absolute;
    left: 0;
    top: 0;
}

.footer-widget-title{
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
}

.footer-widget-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    height: 2px;
    width: 120px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(linear, left top, right top, var(--wp--preset--color--primary)), to(transparent);
    background-image: linear-gradient(to right, var(--wp--preset--color--primary), transparent);
}

.footer-post-excerpt p{ 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.footer-newsletter{
    position: relative;
}

.footer-newsletter p{
    margin: 0;
}

.footer-newsletter input[type="submit"]{
    position: absolute;
    right: 1px;
    top: 1px;
    height: 40px;
}

.footer-newsletter .wpcf7-spinner{
    display: none !important;
}

@media (max-width: 600px) {
	.wp-block-media-text__content {
		padding: 0 !important;
        margin-top: 30px !important;
	}
}
@media (min-width: 600px) {
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding: 0 5% 0 0;
	}
	.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
		padding: 0 0 0 5%;
	}
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid #ebebeb;
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: #606060;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: #000000;
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}


/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 42px;
        height: 42px;
    }
    
    .wp-block-navigation__responsive-container-open svg path{
        fill: var(--wp--preset--color--primary);
    }

    .wp-block-navigation__responsive-container-close svg path{
        fill: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container-close{
        top: 20px;
        right: 20px;        
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--primary);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
    }

    /*
    * Submenu Css
    */

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
        display: block !important;
        margin-left: 15px;
        padding: 3px 10px;
        float: right;
        font-size: 19px;
        line-height: 1;
        position: absolute;
        right: 0;
        top: 0;
        height: 42px;
        width: 42px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
        stroke: var(--wp--preset--color--white);
        display: block;
        width: 30px;
        height: 13px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        display: none;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
        padding-left: 35px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true] + ul.wp-block-navigation__submenu-container {
        display: block;
        margin: 0;
        padding: 0;
    }
}