/*
 Theme Name: dukedefense
 Theme URI: https://www.dukedefense.com/
 Description: Built with love by MyGuru
 Author: MyGuru
 Author URI: https://www.myguru.co.za/
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */



/*---------------------------------------------------------------------------------

 Theme Name: dukedefence
 Theme URI: https://www.dukedefence.com/
 Description: Duke Defence Website. Built with love by MyGuru
 Author: MyGuru
 Author URI: https://www.myguru.co.za
 Template: Divi
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/



/* Mobile menu X */

.mobile_nav.opened .mobile_menu_bar:before {
	content: '\4d';
}



/* CTA menu */

.cta-menu a {
  font-weight: bold;
}

.wiggle {
	box-shadow: 0 0 1px transparent;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    animation-name: wiggle;
    -o-animation-name: wiggle;
    -ms-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -webkit-animation-name: wiggle;
    animation-duration: 5s;
    -o-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-play-state: running;
    -o-animation-play-state: running;
    -ms-animation-play-state: running;
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running;
}

@keyframes wiggle{2%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}4%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}6%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}8%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}10%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}12%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}14%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}16%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}18%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}20%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.divi-bar-breathing{-webkit-animation:divi-bar-breathing 7s ease-out infinite normal;animation:divi-bar-breathing 7s ease-out infinite normal}@-webkit-keyframes divi-bar-breathing{0%{-webkit-transform:scale(0.9);transform:scale(0.9)}25%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes divi-bar-breathing{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}25%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}}



/* Style top menu growing line */

.pa-underline-from-center .current-menu-item a::before,
.pa-underline-from-center .current_page_item a::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
}

.pa-underline-from-center li a:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 51%;
    right: 51%;
    bottom: 0;
    height: 2px;
    background: var(--underline-color, #0093ce);
    transition: all 0.3s ease-out;
}

.pa-underline-from-center li a:hover:before {
    left: 0;
    right: 0;
}

.pa-underline-from-center li li a:before {
    bottom: 10%;
}

.pa-underline-from-center li a:hover {
    opacity: 1;
}







/* Blog List Page Styling */
.blog-list .et_pb_post {
    box-shadow: 0 2px 80px 0 #eee;
    border-radius: 6px;
    padding: 30px 20px;
    background-color: #fff;
    transition: transform 0.2s ease;
}

.blog-list .et_pb_post:hover {
    transform: scale(1.02);
}

.blog-list .post-meta a {
    color: #0093ce !important;
    font-weight: 600;
}

/* Tablet and Desktop Layout (min-width: 767px) */
@media (min-width: 767px) {
    .blog-list .entry-featured-image-url {
        width: 40%;
        float: left;
        margin-bottom: 0 !important;
    }

    .blog-list .entry-title,
    .blog-list .post-meta,
    .blog-list .post-content {
        width: 60%;
        float: left;
        padding-left: 30px;
    }
}

/* Mobile Layout (max-width: 767px) */
@media (max-width: 767px) {
    .blog-list .entry-title,
    .blog-list .post-meta,
    .blog-list .post-content,
    .blog-list .entry-featured-image-url {
        width: 100%;
    }
}

/* Link Effect Animation */
.link-effect a {
    cursor: pointer;
    padding-bottom: 5px;
    transition: all 0.2s linear;
    background: linear-gradient(to bottom, #0093ce 0%, #0093ce 98%);
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.link-effect a:hover {
    background-size: 100% 2px;
}

.link-effect-white a {
    cursor: pointer;
    padding-bottom: 5px;
    transition: all 0.2s linear;
    background: linear-gradient(to bottom, #fff 0%, #fff 98%);
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.link-effect-white a:hover {
    background-size: 100% 2px;
}

/* Single Post Page Styling */
.blog-category a,
.blog-tags a {
    background: #0093ce;
    color: #fff;
    padding: 6px 15px;
    border-radius: 5px;
    margin-left: -10px;
    margin-right: 20px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s ease;
}

.blog-category a:hover,
.blog-tags a:hover {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
}

.blog-tags a {
    margin: 0 0 0 10px !important;
}

/* Post Navigation */
.nav-label {
    position: relative;
    top: 13px;
    left: -2px;
}

.nav-next .nav-label {
    left: -10px;
}

/* Comment Form Styling */
#commentform input[type=email],
#commentform input[type=text],
#commentform input[type=url],
#commentform textarea {
    transition: all 0.3s ease !important;
}

#commentform textarea {
    height: 195px !important;
}

#respond .comment-form-comment {
    width: 50%;
    float: left;
    margin-right: 30px;
}

.logged-in #respond .comment-form-comment {
    width: 100% !important;
    margin-right: 0;
}

.comment-form-cookies-consent {
    margin-top: 15px;
}

/* Mobile Comment Form Adjustments (max-width: 479px) */
@media only screen and (max-width: 479px) {
    .nav-label {
        top: 0;
    }

    #respond .comment-form-comment {
        width: 100% !important;
        margin-right: 0;
    }
}

/* Tab Animation */
.blog-comments,
.blog-article {
    animation-duration: 0.3s;
}

/* Active Link Indicators */
.active-link-read:after,
.active-link-discussion:after {
    content: "";
    position: absolute;
    top: 60px;
    display: block;
    width: 135px;
    border-radius: 3px 3px 0 0;
    background: #0093ce;
    border: 3px solid #0093ce;
    transition: all 0.3s ease;
}

.active-link-read:after {
    left: 13px;
}

.active-link-discussion:after {
    right: -11px;
    border-width: 2px;
}

/* Firefox Newsletter Button Fix */
@-moz-document url-prefix() {
    .blog-newsletter.et_pb_newsletter .et_pb_button {
        margin-top: -69px !important;
    }

    .blog-newsletter-single-post.et_pb_newsletter .et_pb_button {
        margin-top: -83px !important;
    }
}









/* Style title in a Gravity Forms using the Gravity theme */
.gsection_title {
  padding-top: 25px;
}

/* Style input fields and textareas in a Gravity Forms wrapper using the Gravity theme */
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme textarea {
  font-size: 15px;
  margin: 0;
  padding: 15px;
  background-color: #f3f3f3;
  border: none;
  border-radius: 10px;
}

/* Style Gravity Forms input fields and select elements in the Gravity theme */
.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield select {
  background-color: #f3f3f3;
  border: none;
  border-radius: 10px;
  color: #999;
  padding: 15px;
}

/* Remove default appearance of select element */
.gform_wrapper .ginput_container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Style Gravity Forms button in the Gravity theme */
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input {
  font-size: 22px;
  padding: 12px 23px;
  color: #ffffff;
  border: none;
  border-radius: 0px;
  letter-spacing: 2px;
  cursor: pointer;
  background-color: #0093ce;
}

.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input:hover {
  background-color: #007ab3;
}

.gform_wrapper .gform_footer input[type=submit]:active,
.gform_wrapper .gform_page_footer input:active {
  top: 1px;
}


