/*
Theme Name: Gridx Child
Theme URI: http://wordpressriverthemes.com/gridx/
Template: gridx
Author: WordPressRiver
Author URI: https://themeforest.net/user/wordpressriver
Description: Gridx-Personal Portfolio WordPress Template. Is the best design for Business 2023.
Tags: agency,clean,cv,designer,developer,freelancer,modern,one page portfolio.
Version: 4.0.1.1707913990
Updated: 2024-02-14 12:33:10
*/

/* Ticker seamless loop fix */
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* Ticker position fix */
.marquee div {
    position: relative !important;
}
EOFSonnet 4.6
cat > /var/www/grid/wp-content/themes/gridx-child/style.css << 'EOF'
/*
Theme Name: Gridx Child
Theme URI: http://wordpressriverthemes.com/gridx/
Template: gridx
Author: WordPressRiver
Author URI: https://themeforest.net/user/wordpressriver
Description: Gridx-Personal Portfolio WordPress Template. Is the best design for Business 2023.
Tags: agency,clean,cv,designer,developer,freelancer,modern,one page portfolio.
Version: 4.0.1.1707913990
Updated: 2024-02-14 12:33:10

*/

/* ============================================================
   TBC RESPONSIVE UTILITY — Gridx Child
   ============================================================ */

.mobile-only  { display: none !important; }
.tablet-only  { display: none !important; }
.desktop-only { display: block !important; }

@media (max-width: 767px) {
    .mobile-only  { display: block !important; }
    .tablet-only  { display: none  !important; }
    .desktop-only { display: none  !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .mobile-only  { display: none  !important; }
    .tablet-only  { display: block !important; }
    .desktop-only { display: none  !important; }
}

.e-con > .mobile-only,
.e-con > .tablet-only,
.e-con > .desktop-only { display: none !important; }

@media (max-width: 767px) {
    .e-con > .mobile-only  { display: flex !important; }
    .e-con > .desktop-only { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .e-con > .tablet-only  { display: flex !important; }
    .e-con > .mobile-only  { display: none !important; }
    .e-con > .desktop-only { display: none !important; }
}

@media (min-width: 1025px) {
    .e-con > .desktop-only { display: flex !important; }
    .e-con > .mobile-only  { display: none !important; }
    .e-con > .tablet-only  { display: none !important; }
}

@media (max-width: 767px) {
    .mobile-order-1 { order: 1 !important; }
    .mobile-order-2 { order: 2 !important; }
    .mobile-order-3 { order: 3 !important; }
    .mobile-order-4 { order: 4 !important; }
    .mobile-order-5 { order: 5 !important; }
    .mobile-order-6 { order: 6 !important; }
    .mobile-order-7 { order: 7 !important; }
    .mobile-order-8 { order: 8 !important; }
    .mobile-order-9 { order: 9 !important; }
    .mobile-order-10 { order: 10 !important; }
    .mobile-order-11 { order: 11 !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-order-1 { order: 1 !important; }
    .tablet-order-2 { order: 2 !important; }
    .tablet-order-3 { order: 3 !important; }
    .tablet-order-4 { order: 4 !important; }
    .tablet-order-5 { order: 5 !important; }
    .tablet-order-6 { order: 6 !important; }
    .tablet-order-7 { order: 7 !important; }
    .tablet-order-8 { order: 8 !important; }
}

@media (min-width: 1025px) {
    .desktop-order-1 { order: 1 !important; }
    .desktop-order-2 { order: 2 !important; }
    .desktop-order-3 { order: 3 !important; }
    .desktop-order-4 { order: 4 !important; }
    .desktop-order-5 { order: 5 !important; }
    .desktop-order-6 { order: 6 !important; }
    .desktop-order-7 { order: 7 !important; }
    .desktop-order-8 { order: 8 !important; }
}
