@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ================================
   Origin Header Menu styles
   - Default: #fff
   - Active (current/click): #B7D333
   ================================ */

/* Desktop nav */
#originDeskNav{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
  }
  #originDeskNav > li{
    display:flex;
    align-items:center;
  }
  
  /* Separator "|" */
  #originDeskNav > li + li::before{
    content:"|";
    margin:0 20px;
    color:rgba(255,255,255,.6);
  }
  
  /* Desktop*/
  #originDeskNav a{
    color:#fff !important;
    text-decoration:none;
  }
  #originDeskNav a:hover{
    color:#B7D333 !important;
  }
  
  /* Active*/
  #originDeskNav a.is-current,
  #originDeskNav a.is-click-active,
  #originDeskNav li.is-click-active > a{
    color:#B7D333 !important;
  }
  
  /* Submenu*/
  #originDeskNav .origin-submenu a{
    color:#5D4037 !important;
  }
  #originDeskNav .origin-submenu a:hover,
  #originDeskNav .origin-submenu a.is-current,
  #originDeskNav .origin-submenu a.is-click-active{
    color:#B7D333 !important;
  }
  
  /* Mobile */
  #originMobileMenu a,
  #originMobileMenu summary{
    color:#fff !important;
    text-decoration:none;
  }
  #originMobileMenu a.is-current,
  #originMobileMenu a.is-click-active,
  #originMobileMenu summary.is-current,
  #originMobileMenu summary.is-click-active{
    color:#B7D333 !important;
  }

/* Footer custom: link hover + active */
#footer .origin-footer a{
	color: inherit;
	text-decoration: none;
}
#footer .origin-footer a:hover{
	color: #7CB342;
}
#footer .origin-footer .current-menu-item > a,
#footer .origin-footer .current-menu-ancestor > a{
	color: #7CB342;
	font-weight: 700;
}


/* ====== Isolate styles inside .my-scope ====== */

/* 1) Reset mạnh cho các tag hay bị theme “đè” */
.my-scope :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li){
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

/* 2) Reset button/link để không ăn style theme */
.my-scope :where(button){
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  text-transform: none !important;
}

.my-scope :where(a){
  color: inherit !important;
  text-decoration: none !important;
}

/* 3) Nếu theme có set max-width/align cho ảnh/video trong post */
.my-scope :where(img,video,iframe){
  max-width: 100% !important;
}