/**
Theme Name: ReadyWebService.com
Author: ReadyWebService.com
Author URI: https://www.readywebservice.com
Description: A custom child theme for ReadyWebService.com in 2019
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: readywebservice-com
Template: astra
*/

.centertext {text-align:center; margin:0 auto;}
.centertext img {margin:0 auto; text-align:center}
.spb4 {padding-top: 2em;}
.clearboth {clear:both}
.fleft {float:left;}
.fright {float:right;}
.small {font-size: 0.9em;}
.fff {color:#fcf8ef;}
.fff a {color:#fcf8ef;}
a.fff {color:#fcf8ef;}

/* clients */
.clients article.entry.content-bg.loop-entry.kb-post-no-image
{padding:0; margin:0 0 30px 0}

/* overcome round cornered block buttons */
.wp-block-button__link {border-radius:0}

.fl-photo-caption a, .fl-photo-caption {color: #13b7b7 !important; font-size: 1em !important;}

/* gravity form 2021-09 black site */
.gform_wrapper.gravity-theme .ginput_total  {color: #96ca18; font-size:1.3em; font-weight:bold;}
.gfield_select {height:50px !important}

/* tracy's pies page  - powerpack flipbox */
.page-id-1456 .pp-flipbox-back {
    border-radius: 180px;
    height: 300px !important;
    width: 300px;
    margin-top: 80px;
}

/* tracy's pies page - uabb flipbox */

.page-id-1456 .uabb-back {
    border-radius: 180px;
    height: 300px ;
    width: 300px;
}

.page-id-1456 .main-header-container, .page-id-1456 .main-header-bar {
    display: none;
}

.page-id-1456 .site-footer {
    display: none;
}



/*********************************************

MEDIA QUERIES  - RUANNA - HIDE & SHOW BY DEVICE

*********************************************/

/* CSS for desktop only */
@media (min-width: 1025px) {

.desktopshow {display:inline;}
img.desktopshow {display:inline;}

.mobileshow {display:none;}
img.mobileshow {display:none;}

}

/* CSS for tablet only */
@media (min-width: 769px) and (max-width: 1024px) {

.desktopshow {display:none;}
img.desktopshow {display:none;}

.mobileshow {display:inline;}
img.mobileshow {display:inline}
}

/* CSS for mobile only */
@media (max-width: 768px) {

.desktopshow {display:none;}
img.desktopshow {display:none;}

.mobileshow {display:inline;}
img.mobileshow {display:inline;}
}