/*
 Theme Name:   SmartPharmaRX
 Theme URI:    https://example.com/mytheme-child
 Description:  Child theme for Twenty Twenty-Five
 Author:       Bryan Moseley
 Author URI:   https://orderlymeds.com
 Template:     twentytwentyfive
 Version:      1.1.0
 Text Domain:  sprx-child
*/

:root {

    @media (max-width: 1024px) {
        --wp--preset--spacing--top-margin-small: 32px;
        --wp--preset--spacing--top-margin-large: 55px;
    }

    @media (max-width: 767px) {
        --wp--preset--spacing--top-margin-small: 18px;		
		
		main > .entry-content > div:first-child {
			padding-top: 110px !important;
		}
    }

    :where(.wp-element-button:hover, .wp-block-button__link:hover) {
        background-color: var(--wp--preset--color--brand-hover-color) !important;
        border-color: var(--wp--preset--color--brand-hover-color) !important;
        color: var(--wp--preset--color--white);
    }
}

/* GLOBAL STYLES */
.has-global-padding > section.alignfull,
footer > section {
	border-radius: var(--wp--preset--spacing--xx-small);
	margin: 0;

    &.badges {
        border-radius: 0;
    }
}

header {
    background-color: var(--wp--preset--color--white-0);
    background-image: linear-gradient(180deg, white 25%, transparent 100%);
    box-shadow: 0 0 0 var(--wp--preset--color--white-0);
    position: fixed;
        left: 0;
        top: 0;
    transition: all 250ms ease-in-out;
    width: 100%;
    z-index: 9999;
	
	@media (max-width: 767px){

        .wp-block-navigation__responsive-container.has-base-background-color {
            background-color: var(--wp--preset--color--brand-dark-blue) !important;
        }
		
		.wp-block-navigation {
			
			.wp-block-navigation-item__label {
                color: var(--wp--preset--color--white);
				font-size: var(--wp--preset--font-size--ginormous);
			}
		}
	}
}

header.scroll {
    background-color: var(--wp--preset--color--white-100);
    box-shadow: 0 0 24px var(--wp--preset--color--black-20);
}

/* HERO ADJUSTMENTS FOR BACKGROUND IMAGE */
/* Parent needs a positioning context */
.gradient-fade-left-right {
	position: relative;
}

/* Figure stretches to fill it */
.hero-bg {
	inset: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}

/* The image fills the figure */
.hero-bg img {
	display: block;
	height: 100% !important;
	object-fit: cover;
	object-position: center right;
	width: 100%;
}

/* Content sits above the background */
.gradient-fade-left-right > *:not(.hero-bg) {
	position: relative;
	z-index: 1;
}

footer {
    padding: 0 var(--wp--preset--spacing--small) var(--wp--preset--spacing--small);

    .wp-block-site-logo,
    .cookieconsent-wrapper {
        border-right: none;
        padding-right: var(--wp--preset--spacing--large);

        @media (min-width: 768px) {
            border-right: 1px solid var(--wp--preset--color--white-100);
        }
    }

    .wp-block-navigation__container {
        
        @media (max-width: 767px) {
            gap: 2px;
        }
    }

    .footer-nav {
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        margin: 0;
        padding: 0;
        
        > li {
            
            &:not(:last-child) {
                padding-right: 16px;
                
                @media (min-width: 768px) {
                    border-right: 1px solid var(--wp--preset--color--white-100);
                    margin-right: 16px;
                }            
            }

            a {
                text-decoration: none;
            }
        }
    }
	
	.footer-logo {
		
		+ div {
			flex-direction: column;
			
			@media (min-width: 768px) {
				flex-direction: row;
			}
		}
	}
}

h1 > em > strong,
h1 > strong > em {
    color: var(--wp--preset--color--brand-dark-blue);
    font-style: italic;
}
	
:where(.wp-site-blocks :focus) {
	outline: none;
    outline-width: 0;
    outline-style: none;
}

.wp-block-buttons {
	
	> .wp-block-button {
		
		@media (max-width: 768px){
			width: 100%;
		}
	}
}

/* CUSTOM BLOCK STYLES */
.badges {

    .badge {
        align-items: center;
        justify-content: center;
        height: 120px;
        width: 138px;

        @media (min-width: 768px) {
            height: 142px;
            width: 164px;
        }
    }
}

details:not(.risk-information) {
    border-radius: var(--wp--preset--spacing--xx-small);

    summary {
		color: var(--wp--preset--color--brand-dark-blue);
        display: flex;
        font-weight: 700;

        &::before {
            content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNy43NSAwLjc1QzcuNzUgMC4zMzQzNzUgNy40MTU2MyAwIDcgMEM2LjU4NDM3IDAgNi4yNSAwLjMzNDM3NSA2LjI1IDAuNzVWNi4yNUgwLjc1QzAuMzM0Mzc1IDYuMjUgMCA2LjU4NDM3IDAgN0MwIDcuNDE1NjMgMC4zMzQzNzUgNy43NSAwLjc1IDcuNzVINi4yNVYxMy4yNUM2LjI1IDEzLjY2NTYgNi41ODQzNyAxNCA3IDE0QzcuNDE1NjMgMTQgNy43NSAxMy42NjU2IDcuNzUgMTMuMjVWNy43NUgxMy4yNUMxMy42NjU2IDcuNzUgMTQgNy40MTU2MyAxNCA3QzE0IDYuNTg0MzcgMTMuNjY1NiA2LjI1IDEzLjI1IDYuMjVINy43NVYwLjc1WiIgZmlsbD0iIzJBMkEyQSIvPgo8L3N2Zz4=) ' ';
            margin-right: 10px;
        }
		
		&::focus {
			border: none;
			outline: none;
		}
    }

    &[open] {

        summary {
            color: var(--wp--preset--color--brand-dark-blue);

            &::before {
                content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCA4QzAgNy41ODQzNyAwLjMzNDM3NSA3LjI1IDAuNzUgNy4yNUgxMy4yNUMxMy42NjU2IDcuMjUgMTQgNy41ODQzNyAxNCA4QzE0IDguNDE1NjIgMTMuNjY1NiA4Ljc1IDEzLjI1IDguNzVIMC43NUMwLjMzNDM3NSA4Ljc1IDAgOC40MTU2MiAwIDhaIiBmaWxsPSIjMkEyQTJBIi8+Cjwvc3ZnPg==) ' ';
            }
        }
    }
	
	&.faq {

		summary {
			color: var(--wp--preset--color-black);
			display: flex;
			font-weight: 700;
		}

		&[open] {
			border-color: var(--wp--preset--color--brand-dark-blue) !important;
			
			summary {
				color: var(--wp--preset--color--brand-dark-blue);
			}
		}
	}
}

@media (max-width: 767px) {
    .mobile-grid {
        grid-template-columns: 1fr;
    }

    .mobile-row {
        flex-direction: column;
    }
}

/* HELPER CLASSES */
.desktop-only:not(.block-editor-block-list__block) {
    display: flex;

    @media screen and (max-width: 767px) {
        display: none;
    }
}

.mobile-only:not(.block-editor-block-list__block) {
    display: none;

    @media screen and (max-width: 767px) {
        display: flex;
    }
}

.has-icon {
	align-items: center;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.has-dropshadow {
	box-shadow: 0 0 20px 0 var(--wp--preset--color--brand-dark-blue-100);
}

.has-count {
    counter-reset: item;
    
    > * {
        position: relative;
        
        &:after {
            align-items: center;
            background-color: var(--wp--preset--color--brand-light-blue);
            border: 1px solid var(--wp--preset--color--white);
            border-radius: 8px;
            counter-increment: item;
            content: counter(item);
            display: flex;
            font-size: 20px;
            font-weight: 700;
            height: 28px;
            justify-content: center;
            padding: var(--wp--preset--spacing--small);
            position: absolute;
                left: -15px;
                top: -15px;
            width: 28px;

            @media (max-width: 767px) {
                left: 10px;
                top: 10px;
            }
        }
    }
}

.reverse-mobile {
	
	.wp-block-column {		
		
		@media (max-width: 768px){
			
			&:first-child {
				order: 2;
			}

			&:last-child {
				order: 1;
			}
		}
	}
}

.add-check {
	list-style-type: none; 

	li {
		
		br + em {
			font-size: 14px;
		}
		
		&::before {
			content: 			url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE2IDEyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTUuNTk0MSAwLjQwMDY4NUMxNS4wNjM5IC0wLjExODM0MSAxNC4yMTM0IC0wLjEzNjAyNiAxMy42NjA2IDAuMzY0NTQ2TDUuMjg3NzIgOC42Njg5NkwyLjM3NjU5IDUuNzgxNjRDMi4xMTQ1NSA1LjUxODY2IDEuNzU4NyA1LjM3MTAzIDEuMzg4MTIgNS4zNzEwM0MxLjAxNzU0IDUuMzcxMDMgMC42NjQ3OTMgNS41MTg2NiAwLjQwMzUyNyA1Ljc4MTY0Qy0wLjEzNDUwOSA2LjMyMjE5IC0wLjEzNDUwOSA3LjE5NDE2IDAuNDAzNTI3IDcuNzM1NDhMNC4zMDMxMyAxMS42MDMyQzQuNTcyMTUgMTEuODYzMSA0LjkzMTg3IDEyLjAwMyA1LjMwNjMzIDEyQzUuNjc2OTEgMTIgNi4wMzI3NSAxMS44NTU0IDYuMjkwOTIgMTEuNTkyNEwxNS41OTQxIDIuMzY1MjlDMTYuMTM1MyAxLjgyMDg5IDE2LjEzNTMgMC45NDg5MyAxNS41OTQxIDAuNDAwNjg1WiIgZmlsbD0iIzBGNDNCNyIvPgo8L3N2Zz4=);
			margin-right: 10px;
		}
		
		&.non-check::before {
			content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzQyXzYwNykiPgogICAgPHBhdGggZD0iTTEwLjMxODMgMTIuNTMxNUw2LjUwNDM0IDguNzE3NTdMMi42ODI1NiAxMi41NDAyQzIuMDY4ODcgMTMuMTUzOSAxLjA3MzcxIDEzLjE1MzkgMC40NjAwMiAxMi41NDAyQy0wLjE1MzY2NSAxMS45MjY1IC0wLjE1MzY2NSAxMC45MzE0IDAuNDYwMDIgMTAuMzE3N0w0LjI4MjY4IDYuNDk1MDNMMC40ODg4MjcgMi43MDIwNkMtMC4xMjQ4NTggMi4wODgzNyAtMC4xMjQ4NTggMS4wOTMyMSAwLjQ4ODgyNyAwLjQ3OTUyMUMxLjEwMjUxIC0wLjEzNDE2NSAyLjA5NzY4IC0wLjEzNDE2NSAyLjcxMTM2IDAuNDc5NTIxTDYuNTA0MzQgNC4yNzI1TDEwLjMxODMgMC40NTg1N0MxMC45MzIgLTAuMTU1MTE2IDExLjkyNzEgLTAuMTU1MTE2IDEyLjU0MDggMC40NTg1N0MxMy4xNTQ1IDEuMDcyMjUgMTMuMTU0NSAyLjA2NzQyIDEyLjU0MDggMi42ODExTDguNzI2ODggNi40OTUwM0wxMi41NDA4IDEwLjMwOUMxMy4xNTQ1IDEwLjkyMjYgMTMuMTU0NSAxMS45MTc4IDEyLjU0MDggMTIuNTMxNUMxMS45MjcxIDEzLjE0NTIgMTAuOTMyIDEzLjE0NTIgMTAuMzE4MyAxMi41MzE1WiIgZmlsbD0iI0ZGNTMwMSIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfMzQyXzYwNyI+CiAgICAgIDxyZWN0IHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTMpIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+);
			margin-right: 13px;
		}
	}
}

.mobile-table {
	
	figure {
		
		table {
			min-width: 1040px;
		}
	}
}

/* DOSAGE TABLE */
table {
	
	tbody {
		
		tr {
		
			&:nth-child(-n+6) {
    			background-color: var(--wp--preset--color--brand-light-blue);
			}
			
			&:nth-child(n+7) {
				background-color: #CDFFE4;
			}
		}
	}
}

/* FORMINATOR STYLES */
.forminator-description { 
    display: none !important;
}

.forminator-label { 
    display:none !important;
}

.forminator-input { 
    border:1px solid var(--wp--preset--color--brand-dark-blue-100);
	border-radius: 4px;
    padding:var(--wp--preset--spacing--small);
}

.select2-selection--single[role="combobox"] {
    border:1px solid var(--wp--preset--color--brand-dark-blue-100) !important;
	border-radius: 4px;
}

.forminator-ui.forminator-custom-form[data-design=basic] select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered, 
.forminator-ui.forminator-custom-form[data-design=basic] select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
    padding: 16px;
}

.forminator-field textarea {
    border:1px solid var(--wp--preset--color--brand-dark-blue-100);
	border-radius: 4px;
    padding: 16px;
    font-family: 'Inter', sans-serif;
}

.forminator-button-submit {
    background-color: var(--wp--preset--color--white);
    border: 2px solid var(--wp--preset--color--brand-dark-orange);
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 700;
    padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--large);
}

span.forminator-select-dropdown.forminator-custom-form-161.forminator-dropdown--basic.forminator-select-dropdown--below {
	background-color: var(--wp--preset--color--white);
}

.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-search input {
	padding: 10px;
}

/* GRADIENT ADDITIONS */

.gradient-fade-left-right {
	
	figure:after {
		background-image: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.25) 100%);
		content: '';	
		position: absolute;
			bottom: 0;
			left:0;
			right:0;
			top: 0;
		z-index: 0;
	}
}

.gradient-solid {
	> div {
		position: relative;
		z-index: 2;
	}
	
	&:before {
		background-color: var(--wp--preset--color--white-80);
		content: '';	
		position: absolute;
			bottom: 0;
			left:0;
			right:0;
			top: 0;
		z-index: 0;
	}
}