/*
  Theme Name: codeCake
  Theme URI: https://codecake.ai/
  Author: codeCake
  Author URI: https://codecake.ai/
  Description: codeCake designed and developed for the codeCake website use only
  Tags: codecake
  Version: 1.0
  Requires at least: 5.0
  Tested up to: 5.4
  Requires PHP: 7.0
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.htpl
  Text Domain: codecake.ai
  This theme, like WordPress, is licensed under the GPL.
*/

body {
  font-size: 18px;
  letter-spacing: 0.4px;
  line-height: 30px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-rendering: optimizeLegibility;
  color: var(--main-text-color)
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 900
}
h1 {
  font-size: 48px;
  line-height: 120%
}
h2 {
  font-size: 38px;
  line-height: 120%
}
h3 {
  color: #343434;
  font-size: 28px;
  line-height: 120%
}
h4 {
  font-size: 22px;
  font-size: 120%;
  margin: 60px 0 30px;
}
#page h2, #post h2 {
  margin: 25px 0px
}
#page h3, #post h3, #page h4, #post h4, #page h5, #post h5, #page h6, #post h6 {
  margin: 15px 0px
}
#page ul, #post ul, #page pre, #post pre {
  margin-bottom: 30px
}
#page ul ul, #post ul ul {
  margin-bottom: 0px
}
img, #page img, #post img {
  width: 100%;
  height: auto
}
a {
  color: #c54a02;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #c54a02 !important;
  text-decoration-thickness: 0.7px !important;
  text-underline-offset: .5ex;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s
}
a:hover {
  color: #883200ff;
  text-underline-offset: .3ex;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s
}
ul, ol {
  padding-left: 40px
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  color: #f9fafb;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #4f566b;
  border: 1px solid #ccc;
  -webkit-border-radius: 8px;
  border-radius: 8px
}
code {
  font-size: 14px;
  padding: 3px 7px;
  color: #f9fafb;
  background-color: #4f566b;
  -webkit-border-radius: 6px;
  border-radius: 6px
}
.md-container {
  position: relative;
  max-width: 900px;
  margin: 0px auto
}
.sm-container {
  position: relative;
  max-width: 600px;
  margin: 0px auto
}
.container {
  position: relative
}
#header p, #footer p {
  margin: 0px
}

/* TOP HEADER */
#header {
  background: #fff;
  height: 60px
}
#header .logo {
  position: absolute;
  top: 10px;
  left: 12px
}
#header .logo img {
  width: auto;
  height: 40px
}
/* END //> TOP HEADER */

/* TOP MENU */
#navigation .menu-toggle {
  display: none
}
#navigation ul.nav-menu {
  margin: 0px;
  padding: 0px;
  text-align: right
}
#navigation ul.nav-menu li {
  position: relative;
  list-style: none;
  display: inline-block
}
#navigation ul.nav-menu > li > a {
  font-size: 16px;
  display: block;
  height: 40px;
  padding: 4px 0px;
  margin: 10px 0px 0px 15px;
  text-decoration: none;
  color: #000
}
#navigation ul.nav-menu > li:last-child > a span {
  display: none
}
#navigation ul.nav-menu li.current_page_item a {
  color: #e95701
}
#navigation ul.nav-menu > li:last-child > a {
  padding: 0px 0px 0px 10px;
}
#navigation ul.nav-menu > li > a:hover,
#navigation ul.nav-menu > li:last-child > a {
  color: #e95701
}
#navigation ul.nav-menu > li:nth-last-child(2) > a {
  background: #e95701;
  color: #fff;
  padding: 4px 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
#navigation ul.nav-menu > li:nth-last-child(2) > a:hover {
  background: #c54a02
}
#navigation ul.nav-menu li ul.sub-menu {
  position: absolute;
  top: 48px;
  left: 0px;
  display: none;
  background: #FDF4E6;
  border: 2px solid #fff;
  width: 200px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  z-index: 99;
}
#navigation ul.nav-menu li:hover ul.sub-menu {
  display: block;
}
#navigation ul.nav-menu li ul.sub-menu li {
  display: block;
}
#navigation ul.nav-menu li ul.sub-menu li.current-menu-item a {
  color: #e95701
}
#navigation ul.nav-menu > li > ul.sub-menu > li:first-child > a {
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}
#navigation ul.nav-menu > li > ul.sub-menu > li:last-child > a {
  -webkit-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
}
#navigation ul.nav-menu > li > ul.sub-menu > li > a {
  display: block;
  font-size: 15px;
  line-height: 135%;
  padding: 10px 15px;
  text-decoration: none;
  color: #000;
  border: 1px solid #FDF4E6
}
#navigation ul.nav-menu > li > ul.sub-menu > li > a:hover {
  background: #fff;
  color: #e95701
}
/* END //> TOP MENU */

/* PAGE & POST */
.light-yellow-block {
  padding: 60px 0px;
  background: #FDF4E6
}
.dark-yellow-block {
  padding: 60px 0px;
  background: #FFD7A8
}
#page, #post {
  padding: 0px 0px 60px 0px
}
#page .table-responsive .table.table-bordered ul, #post .table-responsive .table.table-bordered ul {
  margin: 0px;
  padding: 10px
}
#page .table-responsive .table.table-bordered ul li, #post .table-responsive .table.table-bordered ul li {
  color: #232323;
  list-style: none;
  position: relative;
  padding-left: 20px;
  margin: 10px 0px
}
#page .table-responsive .table.table-bordered ul li::before, 
#post .table-responsive .table.table-bordered ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 16px;
  width: 10px;
  height: 10px;
  background-color: #e95701;
  transform: translateY(-50%)
}
.author-details tr td:first-child {
  padding-right: 10px
}
.author-details .avatar {
  max-width: 50px;
  max-height: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%
}
.author-details .entry-author {
  color: #111827;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase
}
.author-details .entry-date {
  font-size: 14px;
  line-height: 20px;
  color: #6b7280
}
.entry-header h1.entry-title {
  font-size: 50px;
  margin: 40px 0px;
  font-weight: 900
}
.sticky-container {
  position: sticky;
  top: 10px;
  max-height: calc(100vh - 100px);
  overflow: auto
}
.post-container-wrapper {
  position: relative
}
.post-container-wrapper aside.post-column-left {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 260px
}
.post-container-wrapper aside.post-column-right {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 260px
}
.post-container-wrapper article.post-column {
  width: 100%;
  padding:0px 300px
}
.table-contents-title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900
}
#postLeftNav {
  list-style-type: none;
  margin: 0px;
  padding: 0px
}
#postLeftNav li {
  position: relative;
  font-size: 16px;
  line-height: 25px;
  border-bottom: 1px solid #ccc;
  padding: 10px
}
#postLeftNav li:hover {
  background: #f9f9f9
}
#postLeftNav li a {
  display: block;
  color: #000;
  text-decoration: none
}
.wrapped-page .author-details {
  margin: 20px auto 30px auto
}
.wrapped-page .avatar {
  max-width: 100px;
  max-height: 100px;
  -webkit-border-radius: 50%;
  border-radius: 50%
}
.table-responsive .table tr th {
  background: #f9f9f9
}
.page-header-block {
  margin: 0px 0px 50px 0px;
  padding: 30px 0px;
  background: #FFD7A8
}
.page-header-block h1 {
  font-size: 40px;
  line-height: 150%
}
.search-inside-wrapper {
  position: relative;
  max-width: 600px
}
.search-form-block .form-control {
  max-width: 600px;
  padding-right: 55px
}
.search-form-block .search-button {
  padding: 7px 10px;
  background: #fff;
  border: 0px;
  position: absolute;
  top: 1px;
  right: 1px;
  -webkit-border-radius: .375rem;
  border-radius: .375rem
}
.search-form-block .search-button .search-icon {
  margin-top: -3px
}
.search-form-block .search-button .search-icon path {
  fill: #c54a02
}
.search-form-block .search-button:hover {
  background: #FDF4E6
}
.featured-img-container {
  overflow: hidden;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 2px 16px #0000001a;
  box-shadow: 0 2px 16px #0000001a;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.featured-img-container:hover .featured-img {
  transform: scale(1.05);
}
.featured-img {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.blog-page h2 {
  font-size: 30px;
  line-height: 120%;
}
.blog-page .post-sm h2 {
  font-size: 27px;
}
.blog-page h2 a {
  text-decoration: none;
  color: #000
}
.category-block a {
  font-size: 14px;
  text-transform: uppercase;
}
.blog-page .row .col-md-6, .blog-page .row .col-md-3 {
  margin-bottom: 50px
}
.post-sm .featured-img {
  width: 100%;
  height: 200px
}
.line-sep {
  position: relative;
  margin: 10px 0px 60px 0px;
  border-bottom: 1px solid #FFD7A8;
}
.line-sep span {
  position: absolute;
  left: 0px;
  top: -5px;
  width: 100px;
  height: 11px;
  background: #FFD7A8
}
.entry-excerpt {
  color: #6b7280
}
/* END //> PAGE & POST */

/* PAGINATION */
.c-pagination {
  text-align: center;
  margin: 50px 0px 50px 0px
}
.page-numbers {
  position: relative;
  display: inline-block;
  padding: .5rem .75rem;
  margin-left: -5px;
  line-height: 1.25;
  color: #fff;
  background-color: #c54a02;
  border: 1px solid #c54a02
}
a.page-numbers, .c-pagination .dots {
  color: #c54a02;
  background-color: #fff
}
.c-pagination .page-numbers:first-child {
  -webkit-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
  margin-left: 0
}
.c-pagination .page-numbers:last-child {
  -webkit-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0
}
/* END //> PAGINATION */

/* FOOTER */
#footer {
  background: #FFD7A8;
  padding: 40px 0px
}
#footer .copyright {
  font-size: 15px;
  text-align: center;
  border-top: 1px solid #fff;
  padding: 20px 0px;
  color: #c54a02
}
/* END //> FOOTER */

/* ELEMENTS */
ul.fancy-list {
  padding: 0px;
  margin: 0px
}
ul.fancy-list li {
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 10px 0 10px 40px;
  background: url('https://codecake.ai/wp-content/uploads/2025/12/icon_30.png') left 12px no-repeat;
  background-size: 25px 25px
}
ul.fancy-list li ul li {
  padding-left: 25px;
  background: none
}
ul.fancy-list li ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 26px;
  width: 10px;
  height: 10px;
  background-color: #e95701;
  transform: translateY(-50%)
}
.field-group {
  position: relative
}
.field-group label {
  position: absolute;
  top: -17px;
  left: 10px;
  display: inline-block;
  padding: 0px 3px;
  background: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 15px;
}
.field-group:focus-within label {
  top: -20px;
  font-weight: 900;
  color: #e95701;
  font-weight: 600;
}
/* END //> ELEMENTS */

/* HOME PAGE CONTENT */
.hero-block h1 {
  color: #e95701
}
.hero-block .lg-text {
  font-weight: 900;
  font-size: 38px;
  line-height: 120%
}
.hero-block .sm-text {
  font-weight: 700;
    font-size: 28px;
  line-height: 120%
}
.hps-subheader-img {
  text-align: center
}
.hps-subheader-img img {
  width: auto;
  height: 120px;
  margin: 0px 20px 40px 20px;
}
.tR-dark-card .trdc-icon-box {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 70px;
    height: 70px;
    background: #FFD7A8;
    border: 1px solid #FFD7A8;
    color: #ff5757;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 30px;
    padding: 15px;
}
.tR-dark-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  cursor: default;
  background: #FDF4E6;
  text-align: center;
  -webkit-border-radius: 6px;
  border-radius: 6px
}
.tR-dark-card .trdc-icon-box img {
  width: 100%;
  height: auto
}
.tR-dark-card.active .trdc-content {
  display: block;
}
.tR-dark-card .sm-text {
  text-align: left;
  font-size: 24px;
  font-weight: 900
}
/* END //> HOME PAGE CONTENT */

/* BOOTSTRAP OVERWRITES */
.btn {
  font-size: 18px;
  padding: 15px 30px
}
.btn-primary {
  border: 0px;
  background: #e95701
}
.btn-primary:hover {
  background: #c54a02
}
.form-control::placeholder {
  color: #aaa;
}
.form-control {
  padding: 10px;
  color: #000;
  border-color: #ccc
}
.form-control:focus {
  padding: 10px 12px;
  color: #000;
  outline: none;
  -webkit-box-shadow: 0 0 5px 2px #FDF4E6;
  box-shadow: 0 0 5px 2px #FDF4E6;
  border-color: #c54a02
}
.form-control:focus::placeholder {
  color: #ccc;
}
/* END //> BOOTSTRAP OVERWRITES */

/* CSS Defaults */
  /* FONT */
    .font8{font-size: 8px;line-height:125%}.font9{font-size: 9px; line-height:125%}.font10{font-size: 10px; line-height:125%}.font11{font-size: 11px; line-height:125%}.font12{font-size: 12px; line-height:125%}.font13{font-size: 13px; line-height:125%}.font14{font-size: 14px; line-height:125%}.font15{font-size: 15px; line-height:125%}.font16{font-size: 16px; line-height:125%}.font17{font-size: 17px; line-height:125%}.font18{font-size: 18px; line-height:125%}.font19{font-size: 19px; line-height:125%}.font20{font-size: 20px; line-height:125%}.font21{font-size: 21px; line-height:125%}.font22{font-size: 22px; line-height:125%}.font23{font-size: 23px; line-height:125%}.font24{font-size: 24px; line-height:125%}.font25{font-size: 25px; line-height:125%}.font26{font-size: 26px; line-height:125%}.font27{font-size: 27px; line-height:125%}.font28{font-size: 28px; line-height:125%}.font29{font-size: 29px; line-height:125%}.font30{font-size: 20px; line-height:125%}.font35{font-size: 35px; line-height:125%}.font40{font-size: 40px; line-height:125%}.font45{font-size: 45px; line-height:125%}.font50{font-size: 50px; line-height:125%}.font55{font-size: 55px; line-height:125%}.font60{font-size: 60px; line-height:125%}
  /* COLOR */
	  .text-white{color:#fff}.text-yellow{color:#ffbc00}.text-red{color:#f5151c}.text-black{color:#000}.text-green{color:#36958e}.text-blue{color: #136cc2}.text-brown{color: #8a6d3b}.text-gray{color: #a3adbd}.text-cyan{color: #15A7C3}.text-orange{color: #e95701}
  /* BACKGROUND */
    .no-bg{background: none}.bg-light-yellow{background:#fbefc8}.bg-light-red{background:#fce8e6}.bg-light-gray{background: #edf1f5}.gray-bg{background: gray}.white-bg{background: white}.light-green{background:#dff0d8}.light-yellow{background:#fcf8e3}.light-red{background:#f2dede}.light-blue{background:#eaf3f8}
  /* MARGIN */
    .mall-0{margin: 0px}.mall-5{margin: 5px}.mall-10{margin: 10px}.mall-15{margin: 15px}.mall-20{margin: 20px}.mall-25{margin: 25px}.mall-30{margin: 30px}.mall-35{margin: 35px}.mall-40{margin: 40px}.mall-45{margin: 45px}.mall-50{margin: 50px}
    .mt-0{margin-top: 0px}.mt-5{margin-top: 5px}.mt-10{margin-top: 10px}.mt-15{margin-top: 15px}.mt-20{margin-top: 20px}.mt-25{margin-top: 25px}.mt-30{margin-top: 30px}.mt-35{margin-top: 35px}.mt-40{margin-top: 40px}.mt-45{margin-top: 45px}.mt-50{margin-top: 50px}.mt-55{margin-top: 55px}.mt-60{margin-top: 60px}.mt-65{margin-top: 65px}.mt-70{margin-top: 70px}.mt-80{margin-top: 80px}.mt-90{margin-top: 90px}.mt-100{margin-top: 100px}.mt-200{margin-top: 200px}
    .mb-0{margin-bottom: 0px}.mb-5{margin-bottom: 5px !important}.mb-10{margin-bottom: 10px}.mb-15{margin-bottom: 15px}.mb-20{margin-bottom: 20px}.mb-25{margin-bottom: 25px}.mb-30{margin-bottom: 30px}.mb-35{margin-bottom: 35px}.mb-40{margin-bottom: 40px}.mb-45{margin-bottom: 45px}.mb-50{margin-bottom: 50px}.mb-55{margin-bottom: 55px}.mb-60{margin-bottom: 60px}.mb-65{margin-bottom: 65px}.mb-70{margin-bottom: 70px}.mb-80{margin-bottom: 80px}.mb-90{margin-bottom: 90px}.mb-100{margin-bottom: 100px}.mb-200{margin-bottom: 200px}
    .ml-0{margin-left: 0px}.ml-5{margin-left: 5px}.ml-10{margin-left: 10px}.ml-15{margin-left: 15px}.ml-20{margin-left: 20px}.ml-25{margin-left: 25px}.ml-30{margin-left: 30px}.ml-35{margin-left: 35px}.ml-40{margin-left: 40px}.ml-45{margin-left: 45px}.ml-50{margin-left: 50px}
    .mr-0{margin-right: 0px}.mr-5{margin-right: 5px}.mr-10{margin-right: 10px}.mr-15{margin-right: 15px}.mr-20{margin-right: 20px}.mr-25{margin-right: 25px}.mr-30{margin-right: 30px}.mr-35{margin-right: 35px}.mr-40{margin-right: 40px}.mr-45{margin-right: 45px}.mr-50{margin-right: 50px}
  /* PADDING */
    .pall-0{padding: 0px}.pall-5{padding: 5px}.pall-10{padding: 10px}.pall-15{padding: 15px}.pall-20{padding: 20px}.pall-25{padding: 25px}.pall-30{padding: 30px}.pall-35{padding: 35px}.pall-40{padding: 40px}.pall-45{padding: 45px}.pall-50{padding: 50px}
    .pt-0{padding-top: 0px}.pt-5{padding-top: 5px}.pt-10{padding-top: 10px}.pt-15{padding-top: 15px}.pt-20{padding-top: 20px}.pt-25{padding-top: 25px}.pt-30{padding-top: 30px}.pt-35{padding-top: 35px}.pt-40{padding-top: 40px}.pt-45{padding-top: 45px}.pt-50{padding-top: 50px}.pt-55{padding-top: 55px}.pt-60{padding-top: 60px}.pt-65{padding-top: 65px}.pt-70{padding-top: 70px}.pt-80{padding-top: 80px}.pt-90{padding-top: 90px}.pt-100{padding-top: 100px}.pt-200{padding-top: 200px}
    .pb-0{padding-bottom: 0px}.pb-5{padding-bottom: 5px}.pb-10{padding-bottom: 10px}.pb-15{padding-bottom: 15px}.pb-20{padding-bottom: 20px}.pb-25{padding-bottom: 25px}.pb-30{padding-bottom: 30px}.pb-35{padding-bottom: 35px}.pb-40{padding-bottom: 40px}.pb-45{padding-bottom: 45px}.pb-50{padding-bottom: 50px}.pb-55{padding-bottom: 55px}.pb-60{padding-bottom: 60px}.pb-65{padding-bottom: 65px}.pb-70{padding-bottom: 70px}.pb-80{padding-bottom: 80px}.pb-90{padding-bottom: 90px}.pb-100{padding-bottom: 100px}.pb-200{padding-bottom: 200px}
    .pl-0{padding-left: 0px}.pl-5{padding-left: 5px}.pl-10{padding-left: 10px}.pl-15{padding-left: 15px}.pl-20{padding-left: 20px}.pl-25{padding-left: 25px}.pl-30{padding-left: 30px}.pl-35{padding-left: 35px}.pl-40{padding-left: 40px}.pl-45{padding-left: 45px}.pl-50{padding-left: 50px}
    .pr-0{padding-right: 0px}.pr-5{padding-right: 5px}.pr-10{padding-right: 10px}.pr-15{padding-right: 15px}.pr-20{padding-right: 20px}.pr-25{padding-right: 25px}.pr-30{padding-right: 30px}.pr-35{padding-right: 35px}.pr-40{padding-right: 40px}.pr-45{padding-right: 45px}.pr-50{padding-right: 50px}
  /* HELPERS */
    .clear{clear: both}.v-center{margin-top: auto; margin-bottom: auto}.nowrap{white-space: nowrap}.italic{font-style: italic}.hide{display: none}.line-through{text-decoration: line-through}.underline{text-decoration: underline}.pointer{cursor: pointer}.not-allowed{cursor:not-allowed}.uppercase{text-transform:uppercase}.inline{display: inline}.inline-block{display: inline-block}.block{display: block}.absolute{position: absolute}.relative{position: relative}.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}.font-slim{font-weight: 100}.font-normal{font-weight: 400}.font-bold{font-weight: 900}.font-xbold{font-weight: 900}.v-center{margin-top: auto;margin-bottom: auto}
  /* SHADOW */
    .shadow{-webkit-box-shadow: 0 2px 16px #0000001a; box-shadow: 0 2px 16px #0000001a}
  /* TRANSITION */
    .trans { transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s}
    .trans:hover { transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s}
  /* DIVIDERS */
    .divider {margin: 50px auto; height: 2px; width: 80%; background: #b3b3b3; background: linear-gradient(90deg, hsl(0deg 0% 100%), hsl(0, 0%, 70%), hsl(0deg 0% 100%))}
  /* ROUND CORNERS */
    .round-8 { -webkit-border-radius: 8px; border-radius: 8px}.round-20 { -webkit-border-radius: 20px; border-radius: 20px}
  /* BACKGROUND IMAGE */
    .background-image {background-position: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/* END CSS Defaults */

@media only screen and (max-width: 1100px) {
  .post-container-wrapper aside.post-column-left, .post-container-wrapper aside.post-column-right {position: relative; top: auto; left: auto; width: 100%; padding: 20px}
  .post-container-wrapper aside.post-column-right {right: auto; margin: 0 auto; max-width: 300px}
  .post-container-wrapper article.post-column {width: 100%; padding: 0px 20px}
}

@media only screen and (max-width: 992px) {
  .m-hide {display: none}
  .container, .md-container, .sm-container {padding-left: 20px; padding-right: 20px}
  #header .logo {left: 22px}
  #navigation ul.nav-menu {display: none; background: #fff; margin-top: 10px; padding-top: 10px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 16px #0000001a; box-shadow: 0 2px 16px #0000001a;}
  #navigation .menu-toggle {display: inline-block; background: none; border: 0px; color: #e95701; font-size: 30px; padding-top: 15px}
  #navigation ul.nav-menu li {display: block; text-align: center; padding: 0px 10px; background: #fff; z-index: 9}
  #navigation ul.nav-menu > li > a {font-size: 18px; margin: 0px; background: #fff; height: 46px; padding: 7px 15px; border-bottom: 1px solid #FDF4E6}
  #navigation ul.nav-menu li:first-child, #navigation ul.nav-menu li:first-child > a {-webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px}
  #navigation ul.nav-menu li:last-child, #navigation ul.nav-menu li:last-child > a {-webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px}
  #navigation ul.nav-menu > li:nth-last-child(2), #navigation ul.nav-menu > li:last-child {padding: 10px}
  #navigation ul.nav-menu > li:nth-last-child(2) > a {padding: 7px 15px}
  #navigation ul.nav-menu > li:last-child > a {position: relative; border: 1px solid #eee; text-align: right; -webkit-border-radius: 6px; border-radius: 6px}
  #navigation ul.nav-menu > li:last-child > a span {position: absolute; display: block; left: 10px; top: 10px; color: #ccc}
  #navigation ul.nav-menu > li:last-child > a .fas.fa-search {margin: 14px}
  #navigation ul.nav-menu li ul.sub-menu {position: relative; top: auto; left: auto; width: 100%; background: #FDF4E6; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px}
  #navigation ul.nav-menu li ul.sub-menu li {background: #fef4e7}
  #navigation ul.nav-menu li ul.sub-menu li a:hover {background: #fef4e7; border-bottom: 1px solid #fff}
  .tR-dark-card {-webkit-border-radius: 0px; border-radius: 0px}
}