/*
Theme Name: Astra Child
Description: Child theme for the Astra WordPress theme
Author: Frank Wang
Author URI: https://www.myheatsinks.com
Template: astra
Version: 1.0.0
*/


/* reduce the padding of the primary header content from 40px to 20px */
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
    padding-left: 20px;
	padding-right: 20px;	
}


/* reduce the padding of the below header content from 40px to 10px (not 20px between the menu will also have another 10px padding) */
.site-below-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
    padding-left: 10px;
	padding-right: 10px;	
}


/* reduce the padding of the below footer from 40px to 20px */
.ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row {
    margin-left: 20px;
}

/* add "Welcome to " right before the site title "MyHeatSinks" */
.welcome-text {
    display: inline;
	font-family: "Roboto";
	font-weight: 400;
    font-size: 20px;
    color: #22B14C;
}
.site-title {
    display: inline;
}


/* change the font-style of tagline to italic */
.site-header .site-description {
		font-style: italic;
}

/* change the font size of the secondary menu */
.main-navigation .menu-text {
	font-size: larger;
}

/* change the line height of submenu line */
.ast-nav-menu .sub-menu {
    line-height: 1.1;
}


/* add shadow below the header bar 
.ast-below-header-bar */
.site-header.header-main-layout-1.ast-primary-menu-enabled.ast-logo-title-inline.ast-hide-custom-menu-mobile.ast-builder-menu-toggle-icon.ast-mobile-header-inline
{
    box-shadow: 1px 3px 4px #dedede;
}


/* add shadow to primary container */
.content-area {
    box-shadow: 1px 3px 4px #dedede;
}


/* add shadow to footer container */
.site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-full.ast-builder-grid-row-tablet-full.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
	box-shadow: 1px 3px 4px #dedede;
	padding: 0px;
}


/* replace LongWin with its Logo */ 
#menu-item-4589 > a {
    font-size: 0; /* Hides the text */
    background-image: url('https://myheatsinks.com/wp-content/uploads/2023/11/Longwin_Logo2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 30px;
    background-position: center 5px; /* Adjusts the position */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px; /* Adds space to the left */
}

/* change the color of page titles */
h1.entry-title {
	color: #22B14C !important;
}

/* change the style of in-container-sidebar id# 4578 */
.astra-advanced-hook-4578 h2 {margin-top: 0px; margin-bottom:  0px;}
.astra-advanced-hook-4578 h5 {margin-top: 10px; margin-bottom:  0px;}
.astra-advanced-hook-4578 h6 {margin-top:  8px; margin-bottom:  0px;}
.astra-advanced-hook-4578 h5 a {color: #666666;}
.astra-advanced-hook-4578 h5 a:hover {color: #22B14C;}
.astra-advanced-hook-4578 h6 a {color: #666666;}
.astra-advanced-hook-4578 h6 a:hover {color: #22B14C;}

/* Styling of Contact Form 7 */
.x-container {
    display: flex;
    flex-wrap: wrap;
}
.x-column {
    padding-right: 15px;
}
.x-column p {
    margin-bottom: 0;
}
.x-1-2 {
    width: 50%;
}
.x-1-3 {
    width: 33.33%;
}
.x-2-3 {
    width: 66.67%;
}
.last {
    padding-right: 0;
}
.wpcf7 input:not([type=submit]), .wpcf7 select, .wpcf7 textarea{
	padding-top:    .25em !important;
	padding-right:  .75em !important;
	padding-bottom: .25em !important;
	padding-left:   .75em !important;
}
.wpcf7 input[type=submit], .wpcf7 input[type=button]{
	padding-top:    10px !important;
	padding-right:  30px !important;
	padding-bottom: 10px !important;
	padding-left:   30px !important;
	border-radius:  2px;
}

/* Styling of Multiline Files Upload Plugin */
#mfcf7_zl_add_file { background-color: #ADB6BE; border-radius: 2px; max-width: 200px;} /* button style */
.mfcf7_zl_multifilecontainer p .mfcf7_zl_delete_file i { color: azure;} /* X icon style */
.mfcf7-zl-multifile-name { color: black; } /* selected file style */


/* Styling the default settings of Spectra buttons */
.wp-block-uagb-buttons .wp-block-button__link {
	border: none;
    box-shadow: 3px 3px 3px #dedede;
    transition: box-shadow 0.3s ease-in-out;
}
.wp-block-uagb-buttons .wp-block-button__link:hover {
    box-shadow: 6px 6px 6px #dddddd;

}

/* double line separator */
.double-line-separator {
	clear: left;
    margin: 10px 0;
    height: 3px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

/* Override <sub> style */
.wp-block-uagb-container subscript {
    min-width: initial !important;
    width: auto !important;
    position: static !important;
    display: inline !important;
    vertical-align: sub;
    font-size: smaller;
    line-height: normal;
}

/* image fits into a page with padding on left and right */
.full-width-image img {
    padding: 5px 40px;
}

/* align numbered or unordered list to the left */
ol.left-aligned-list,
ol.left-aligned-list li,
ul.left-aligned-list,
ul.left-aligned-list li
{
    margin-left: 0 !important;
    padding-left: 1em !important;
}

/* Mobile Styles */
@media (max-width: 768px) {
}
/* Tablet and Desktop Styles */
@media (min-width: 769px) {
}