/* Theme Name: AM Gift Shop Theme URI: https://amthemes.com/product/free-am-gift-shop-wordpress-theme/ Author: AM Themes Author URI: https://amthemes.com/ Description: Am Gift Shop is a free, Elementor-based WordPress theme designed for online gift stores. It features a clean, responsive layout ideal for showcasing gifts for men, women, and kids across various occasions. Easy to customize and optimized for SEO, this theme provides a welcoming hero section, organized product categories, and visually appealing displays, perfect for building an inviting and professional online gift shop. Version: 1.0 Requires at least: 4.7 Requires PHP: 5.2 Tested up to: 6.6 License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: am-gift-shop Tags: blog, one-column, custom-background, custom-colors, full-width-template, custom-menu, custom-logo, featured-images, theme-options, threaded-comments, translation-ready */ /* Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } *,*::before,*::after { box-sizing: border-box; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #333333; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { margin-top: .5rem; margin-bottom: 1rem; font-family: Shantell Sans; font-weight: 500; line-height: 1.2; color: inherit; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: .9rem; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; } a { background-color: transparent; color: #3C3C3C; } a:hover, a:active { color: #333366; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } abbr[title] { border-bottom: none; text-decoration: underline dotted; } b,strong { font-weight: bolder; } code,kbd,samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; height: auto; max-width: 100%; } details { display: block; } summary { display: list-item; } figcaption { font-size: 16px; color: #333333; line-height: 1.4; font-style: italic; font-weight: 400; } template { display: none; } [hidden] { display: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media print { *,*:before,*:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a,a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after,a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre,blockquote { page-break-inside: avoid; border: 1px solid #cccccc; } thead { display: table-header-group; } tr,img { page-break-inside: avoid; } p,h2,h3 { orphans: 3; widows: 3; } h2,h3 { page-break-after: avoid; } } label { display: inline-block; line-height: 1; vertical-align: middle; } button,input,optgroup,select,textarea { font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0; } input[type="text"],input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="url"],select,textarea { width: 100%; border: solid 1px #666666; border-radius: 3px; padding: 0.5rem 1rem; transition: all .3s; } input[type="text"]:focus,input[type="date"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="url"]:focus,select:focus,textarea:focus { border-color: #333333; outline: 0 none; } button,input { overflow: visible; } button,select { text-transform: none; } button,[type="button"],[type="reset"],[type="submit"] { width: auto; -webkit-appearance: button; } button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } button,[type="submit"],[type="button"] { display: inline-block; font-weight: 400; color: #3C3C3C; text-align: center; white-space: nowrap; user-select: none; background-color: transparent; border: 1px solid #3C3C3C; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 3px; transition: all .3s; } button:focus,[type="submit"]:focus,[type="button"]:focus { outline: 5px auto -webkit-focus-ring-color; } button:hover, button:focus,[type="submit"]:hover,[type="submit"]:focus,[type="button"]:hover,[type="button"]:focus { color: #ffffff; background-color: #3C3C3C; text-decoration: none; } button:not(:disabled),[type="submit"]:not(:disabled),[type="button"]:not(:disabled) { cursor: pointer; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; resize: vertical; } [type="checkbox"],[type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } select { display: block; } table { background-color: transparent; width: 100%; margin-bottom: 15px; font-size: 0.9em; border-spacing: 0; border-collapse: collapse; } table th,table td { padding: 15px; line-height: 1.5; vertical-align: top; border: 1px solid #cccccc; } table th { font-weight: bold; } table thead th,table tfoot th { font-size: 1em; } table caption + thead tr:first-child th,table caption + thead tr:first-child td,table caption + thead tr:first-child th,table caption + thead tr:first-child td,table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td { border-top: 1px solid #cccccc; } table tbody > tr:nth-child(odd) > td,table tbody > tr:nth-child(odd) > th { background-color: #f7f7f7; } table tbody tr:hover > td,table tbody tr:hover > th { background-color: #e9e9e9; } table tbody + tbody { border-top: 2px solid #cccccc; } @media (max-width: 767px) { table table { font-size: 0.8em; } table table th,table table td { padding: 7px; line-height: 1.3; } table table th { font-weight: 400; } } dl,dt,dd,ol,ul,li { margin-top: 0; margin-bottom: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* WordPress Default Class */ .alignright { float: right; margin-left: 1rem; } .alignleft { float: left; margin-right: 1rem; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignwide { margin-left: -80px; margin-right: -80px; } .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; } .alignfull img { width: 100vw; } .wp-caption { margin-bottom: 1.25rem; max-width: 100%; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { margin: 0; } .gallery-caption { display: block; font-size: 0.8125rem; line-height: 1.5; margin: 0; padding: 0.75rem; } .pagination { margin: 20px auto; } .sticky { position: relative; display: block; } .bypostauthor { font-size: inherit; } .hide { display: none !important; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0 0, 0 0,0 0, 0 0); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; } /* Theme Styles */ #page-wrap { overflow: hidden !important; } #page .am-front-page { overflow: hidden; } #site-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; margin-bottom: 30px; } .site-logo h1, .site-description { margin: 0; } .main-navigation ul { display: flex; padding: 0; list-style-type: none; } .main-navigation ul li { margin-left: 20px; } .amd-theme-post { margin-bottom: 50px; } .amd-theme-post img { max-width: 100%; } .amd-theme-post .post-title { margin: 0; } .amd-theme-post .post-categories { margin-bottom: 20px; } .amd-theme-post .post-footer { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #e8e8e8; } .amd-theme-post .read-more { display: inline-block; padding: 5px 15px; border: 1px solid #3C3C3C; text-transform: capitalize; } .amd-theme-post .post-tags a { display: inline-block; margin-right: 10px; } .commentslist { list-style-type: none; padding: 0; } .commentslist .children { list-style-type: none; } .commentslist li { padding: 20px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #e8e8e8; } .comment-author img { margin-right: 10px; } .commentslist .reply { display: inline-block; padding: 5px 15px; border: 1px solid #3C3C3C; } .comment-form-comment input, .comment-form-comment textarea { border-color: #e8e8e8; } nav.navigation { text-align: center; } nav.navigation a, nav.navigation span { padding: 5px 10px; border: 1px solid #e8e8e8; } .footer-copyright { text-align: center; padding: 30px 0; } .site-logo a, .main-navigation a, .amd-theme-post .read-more a, .amd-theme-post .post-title a { text-decoration: none; } /* Menu Styles */ #primary-menu a:hover, #primary-menu ul li a:hover, #primary-menu li:hover>a, #primary-menu a:focus, #primary-menu ul li a:focus, #primary-menu li.focus>a, #primary-menu li:focus>a, #primary-menu ul li.current-menu-item>a, #primary-menu ul li.current_page_item>a, #primary-menu ul li.current-menu-parent>a, #primary-menu ul li.current_page_ancestor>a, #primary-menu ul li.current-menu-ancestor>a { color: #454545; } #primary-menu { display: block; position: relative; } #primary-menu ul { margin: 0; padding: 0; display: block; } #primary-menu ul li { position: relative; display: block; float: left; text-align: left; } #primary-menu ul li a { display: block; z-index: 1; padding: 12px; font-size: 15px; color: #454545; line-height: 1; font-weight: 600; text-transform: capitalize; } #primary-menu ul.children, #primary-menu ul.sub-menu { opacity: 0; position: absolute; top: 35px; left: -9999em; background: #F3FAFF; z-index: 10001; width: 213px; padding-left: 0; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } #primary-menu ul.children li, #primary-menu ul.sub-menu li { position: relative; margin: 0; line-height: 1.2em; text-transform: none; width: 213px; min-height: inherit; margin: 0; } #primary-menu li li:hover>ul, #primary-menu li li:focus>ul, #primary-menu li li.focus>ul { top: 0px; left: -100%; } #primary-menu ul.children li a, #primary-menu ul.sub-menu li a { text-decoration: none; text-align: left; display: block; padding: 10px 15px; margin: 0; border: none; line-height: inherit; color: #121212; } #primary-menu ul.children li a:hover, #primary-menu ul.sub-menu li a:hover { background: #3C3C3C; color: #fff; border-radius: 0; } #primary-menu ul.children li ul:before, #primary-menu ul.sub-menu li ul:before, .menu-toggle, .dropdown-toggle, button.close-menu { display: none; } #primary-menu li:hover>ul, #primary-menu li:focus>ul, #primary-menu li.focus>ul { opacity: 1; left: 0; } @media screen and (min-width : 320px) and (max-width : 767px) { #primary-menu a:hover, #primary-menu ul li a:hover, #primary-menu li:hover>a, #primary-menu a:focus, #primary-menu ul li a:focus, #primary-menu li.focus>a, #primary-menu li:focus>a, #primary-menu ul li.current-menu-item>a, #primary-menu ul li.current_page_item>a, #primary-menu ul li.current-menu-parent>a, #primary-menu ul li.current_page_ancestor>a, #primary-menu ul li.current-menu-ancestor>a { background: none; } #primary-menu ul li a:before, .menu-header { content: none; position: static; } button.menu-toggle:focus { outline: 3px solid #051128 !important; text-decoration: none !important; } .menu-toggle, .dropdown-toggle { display: inline-block; font-size: 20px; font-weight: 600; background: #3C3C3C; color: #fff; border: none; } #primary-menu ul li a { color: #121212; } #primary-menu ul li a:hover { color: #121212; } #primary-menu { display: none; } .header.toggled #primary-menu { display: block; z-index: 999999; margin-bottom: 10px; } button.close-menu { display: inline-block; background: #3C3C3C; border: none; color: #fff; } #primary-menu ul li { float: left; width: 100%; } #primary-menu ul li:nth-child(even) { background: #f5f5f5 } #primary-menu ul li:nth-child(odd) { background: #e5e5e5 } #primary-menu>li>ul.children, #primary-menu>li>ul.sub-menu { position: absolute; top: -100%; background: #fff; } #primary-menu li.focus>ul.children, #primary-menu li.focus>ul.sub-menu, #primary-menu li:hover>ul.children, #primary-menu li:hover>ul.sub-menu, #primary-menu li:focus>ul.children, #primary-menu li:focus>ul.sub-menu { width: 100%; top: 0; left: 0 !important; position: relative; } #primary-menu ul { padding: 0; float: none; } #primary-menu ul.children li a, #primary-menu ul.sub-menu li a { padding: 0; line-height: 53px; color: #454545; } #primary-menu ul li.menu-item-has-children:after { content: ''; position: absolute; border: solid #454545; right: 10px; top: 50%; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); } #primary-menu ul.children li, #primary-menu ul.sub-menu li { width: 100%; font-size: 12px; padding-left: 10px; } #primary-menu ul li.menu-item-has-children:hover:after, #primary-menu ul li.menu-item-has-children:focus:after, #primary-menu ul li.menu-item-has-children.focus:after { top: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @media screen and (min-width : 768px) and (max-width : 1023px) { #primary-menu ul li a { font-size: 14px; padding: 10px; } }