/*
Theme Name: History Museum
Theme URI: https://www.ovationthemes.com/wordpress/free-museum-wordpress-theme/
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: History Museum is a specialized website template designed to cater to museums, historical societies, cultural institutions, and anyone looking to create an online presence for showcasing history-related content. This theme is meticulously crafted to serve as a digital platform for presenting historical artifacts, exhibits, educational resources, and engaging narratives about the past. This theme is primarily intended for institutions and individuals interested in sharing historical information, making it a perfect fit for museums, galleries, archives, and even history enthusiasts who want to create a website to document and share their collections and knowledge. Users can easily utilize this theme by installing it on their WordPress website and customizing it to meet their specific needs. It comes with an intuitive and user-friendly interface, making it accessible to both tech-savvy developers and beginners alike. The History Museum WordPress theme offers a visually appealing and responsive design that ensures the website looks great and functions smoothly on various devices and screen sizes. Its layout is typically clean and well-structured, providing a professional and immersive experience for visitors. Key features of this theme often include exhibition and artifact showcases, event management, blogging capabilities for sharing historical articles and stories, donation and membership integration, search and navigation tools for quick access to historical information, and social media integration to facilitate sharing and engagement on social platforms.
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 5.6
Version: 1.5
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: history-museum
Tags: portfolio, e-commerce, blog, one-column, two-columns, three-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, right-sidebar, custom-background, wide-blocks

History Museum WordPress Theme, Copyright 2023 pewilliams
History Museum is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
	outline: 2px solid blue !important;
}
.wp-block-navigation ul li a:focus,
.wp-block-navigation .wp-block-navigation__submenu-icon:focus{
	outline: none;
	border: 1px solid #cf2e2e;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
    background-color: var(--wp--preset--color--secondary);
}

.wp-block-navigation__submenu-container .wp-block-navigation-link a{
    color: var(--wp--preset--color--white) !important;
}

.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

.services-item {
    position: relative;
    margin-bottom: 20px;
}

.ser-inner {
    position: relative;
    text-align: center;
    border-radius: 6px;
    padding: 50px 35px 50px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
}

.ser-inner:before {
    position: absolute;
    content: '';
    left: 14px;
    top: 14px;
    right: 14px;
    bottom: 14px;
    opacity: 0;
    border-radius: 6px;
    border: 1px solid var(--wp--preset--color--primary);
    -webkit-transform: scale(0.8, 1);
    -ms-transform: scale(0.8, 1);
    transform: scale(0.8, 1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.ser-icon {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 15px;
    width: 90px;
    height: 90px;
}

.ser-icon:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--wp--preset--color--primary);
    z-index: -1;
}

.ser-title {
    position: relative;
}

.ser-title h4 {
    font-weight: 600;
    margin-bottom: 10px;
}

.services-item:hover .ser-inner:before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.services-item:hover .ser-icon {
    -webkit-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.teammember-list {
    position: relative;
    margin-bottom: 30px;
    padding: 10px;
    border-bottom: 3px solid var(--wp--preset--color--primary);
    text-align: center;
    background-color: #ffffff;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: 0 3px 24px rgb(0 0 0/20%);
    border-radius: 10px;
}

.team-inner {
    position: relative;
}

.team-thumbnail {
    position: relative;
}

.team-thumbnail img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    display: block;
}

.member-social-icon {
    position: absolute;
    margin-bottom: 10px;
    text-align: center;
    top: 15px;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.member-social-icon ul {
    margin: 0;
    padding: 0;
}

.member-social-icon ul li {
    position: relative;
    list-style: none;
}

.team-info {
    padding: 10px 0;
}

.team-info h4 {
    margin-bottom: 5px;
}

.team-info span {
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    font-size: 16px;
}

.teammember-list:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.teammember-list:hover .member-social-icon {
    opacity: 1;
    right: 15px;
}

.footer-menu{
    padding: 0;
}

.footer-menu li{
    margin-bottom: 14px;
    width: 100%;
    display: block;
}

.footer-menu li a{
    display: block;
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.footer-menu li a:before {
    content: '>>';
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.footer-post-excerpt p{ 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid #ebebeb;
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: #000000;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: #000000;
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
.wp-block-post-comments-form {
    box-sizing: border-box;
    padding: 20px;
    margin: 20px 0 0;
    border: 1px solid #949494;
}
.bannerimage img{
    width: 100%;
}
.timingdiv,.timingdiv-main {
    border-radius: 30px;
}
.timingdiv-main,.aboutus-main{
    position: relative;
}
.timingdiv {
    position: absolute;
    top: -20px;
    left: 50px;
    right: 50px;
}
.aboutus-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 120px;
}
/*wooocommerce css*/
.woocommerce-Tabs-panel--reviews, .woocommerce-Tabs-panel--description {
    padding: 20px !important;
    border: 1px solid #e1e1e1;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--primary);
    background: var(--wp--preset--color--primary);
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 42px;
        height: 42px;
    }
    
    .wp-block-navigation__responsive-container-open svg path,
    .wp-block-navigation__responsive-container-close svg path{
        fill: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container-close{
        top: 20px;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--secondary);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
    }

    /*
    * Submenu Css
    */

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
        display: block !important;
        margin-left: 15px;
        padding: 3px 10px;
        float: right;
        font-size: 19px;
        line-height: 1;
        position: absolute;
        right: 0;
        top: 0;
        height: 42px;
        width: 42px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
        stroke: var(--wp--preset--color--white);
        display: block;
        width: 30px;
        height: 13px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        display: none;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
        padding-left: 35px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true] + ul.wp-block-navigation__submenu-container {
        display: block;
        margin: 0;
        padding: 0;
    }
}
@media screen and (max-width: 1739px) and (min-width:1440px){
    .aboutus-img{
        left: 11px;
    }
    .aboutus-main p{
        font-size: 13px;
    }
}
@media screen and (max-width: 1439px) and (min-width:1130px){
    .aboutus-img{
        left: 11px;
        width: 400px;
    }
    .aboutus-main p{
        font-size: 13px;
    }
}
@media screen and (max-width: 1129px) and (min-width: 1000px){
    .top-header-box figure{
        width: 30px;
    }
    .top-header-box p{
        font-size: 13px;
        line-height: 1.3;
    }
    .middle-header-box ul li a{
        font-size: 13px;
        font-weight: 600;
    }
    .bannerimage h2{
        font-size: 30px;
    }
    .aboutus-img {
        position: static;
        transform: none;
        padding-left: 17px;
    }
    .aboutus-green-box{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .aboutus-text-box h3{
        font-size: 25px !important;
        text-align: center;
    }
    .aboutus-text-box p{
        font-size: 14px !important;
        text-align: center;
    }
    .aboutus-main p{
        font-size: 10px;
    }
    .aboutus-main .wp-block-buttons{
       justify-content: center; 
    }
}
@media screen and (max-width:999px){
    .middle-header-box ul li a{
        color:  #fff !important;
    }
    .top-header-box{
        text-align: center;
    }
    .top-header-box div{
        justify-content: center !important;
    }
    .middle-header-box div, .middle-header-box nav{
        justify-content: center !important;
    }
    .aboutus-img {
        position: static;
        transform: none;
    }
    .aboutus-main figure{
        text-align: center;
    }
    .bannerimage .wp-block-buttons{
        justify-content: center; 
    }
    .aboutus-main .wp-block-buttons{
       justify-content: center; 
       margin-bottom: 10px;
    }
    .aboutus-text-box,
    .bannerimage{
        text-align: center;
    }
    .section_head p{
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}
@media screen and  (max-width: 781px){
    .timingdiv-main .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis:  22.33% !important;
    }
}
@media screen and (max-width: 600px){
    .top-header-box figure{
        width: 17px;
    }
    .top-header-box p{
        font-size: 14px;
    }
    .aboutus-green-box,
    .bannerimage{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .bannerimage h2{
        font-size: 30px;
    }
    .copyright-text {
        display: grid !important;
    }
    .copyright-text p {
        text-align: center;
    }
}
@media screen and (max-width: 404px){
    .about-time-box p{
        font-size: 12px;
    }
}