/*
Theme Name: Twenty Twenty-Five AutoIt
Theme URI: 
Author: Jonathan Bennett
Author URI: 
Description: AutoIt Child Theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: twentytwentyfive-autoit
Tags: 
*/

/* Jon: Strong elements not bolding correctly */
strong { font-weight: 600; }

/* pre code changes for wrapping */
pre, code { 
  overflow:auto; 
  font-family: 'Fira Code', Consolas, Menlo, Monaco, 'Courier New', monospace; 
  font-size: 16px; 
  line-height: 1.3;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* Featured images scales to entire width by default - looks terrible */
/* Don't make img full width */
/* .wp-block-post-featured-image img { max-width: 100%; width: auto !important; height: auto !important} */

/* Center the parent container */
/* .wp-block-post-featured-image { text-align: center !important; } */

/* Make the header sticky */
/* Prevent content from hiding behind the header with margin-top, adjust to match site header height*/
header {
    position: fixed;
    top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
    width: 100%;
    z-index: 9999;
}

body {
    margin-top: 104px; 
}

/* Remove sticky header on mobile */
/* Position: static Removes the fixed (sticky) positioning */
/* margin-top Adjusts the layout back to normal */
/*
@media (max-width: 600px) {
    header {
        position: static;
        margin-top: 0;
    }
    body {
        margin-top: 0;
    }
}
*/

/* add the "autoit-sidebar-group-sticky" anchor on the group containing the sidebar to make it sticky */
#autoit-sidebar-group-sticky {
    top: calc(112px + var(--wp-admin--admin-bar--height, 0px));
    position: sticky;
    z-index: 10;
}


/* Make Gallery Block collapse into single columns on mobile */
@media all and (max-width:782px){
  .wp-block-gallery .wp-block-image {
    width:100% !important;
  }
}

.autoit-ad {
  /*border: 1px solid #ccc; */
  background-color: #f6f6f6;
  margin: 16px auto;
  text-align: center; 
  /* display: block; */
  /* clear: both; */
  width:100% !important;
  /* padding-top: 16px; */
  /* padding-bottom: 16px; */
}

.autoit-ad-h6 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 2px;
}


.autoit-center
{
text-align: center;
}


/* mobile view has quite large padding, reduce it */
/* changed this in designer to 4vw padding */
/*
@media screen and (max-width: 600px) {
	.has-global-padding {
		padding-left: 15px;
		padding-right: 15px;
	}
}
    */

/* Fix yarrp thumbnails not showing full post title */
/* .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {max-height: none !important;} 
.yarpp-thumbnail {height: auto !important;} */

/* YARPP Customisations */

/* yarp related more space above */
.yarpp-related {margin: 2em 0 2em 0 !important;}

.yarpp-related a {
    font-weight: 600;
    text-decoration: none
}

.yarpp-related .yarpp-thumbnail-title {
    font-size: 80%;
    font-weight: 600;
    text-align: left;
    text-decoration: none
}

.yarpp-related h3 {
    font-size: 125%;
    font-weight: 600;
    margin: 0;
    padding: 0 0 5px;
    text-transform: capitalize
}


/* Contact Form 7 */
.wpcf7 {
background-color: #fdfdfd;
border: 1px #dadada solid;
}

.wpcf7-form {
margin-left: 25px;
margin-right: 25px;
margin-top: 25px;
margin-bottom: 25px;
}    

.wpcf7-textarea { 
width: 100%;
}
  
.wpcf7-submit {
    border-radius: 8px;
    width: 150px;    
    border-width: 0;
    background-color: #254769;
    color: #ffffff;
    padding-top: 1rem;
    padding-right: 2.25rem;
    padding-bottom: 1rem;
    padding-left: 2.25rem;
    text-decoration: none;
    text-transform: uppercase;    
}

/*Submit button Hover*/
.wpcf7-submit:hover {
  background: #5d83ac;
}