/*
Theme Name: X – Child Theme
Theme URI: http://theme.co/xpro/
Author: Taraprasad Swain
Author URI: https://www.taraprasad.com/
Description: Make all of your modifications to X Pro in this child theme.
Version: 1.0.0
Template: x
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Fredericka+the+Great&family=Londrina+Solid:wght@400;900&display=swap');
body{font-family: 'Barlow', sans-serif;}
.bg-animation .x-bg-layer-lower-image{
  animation: bgmove 300s linear infinite;
}
@keyframes bgmove {
  0% {background-position: 0% 0%;}
  100% {background-position: 500% 0%;}
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin:0 0 20px; font-family: 'Londrina Solid', cursive !important;}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}

.font-frederika{font-family: 'Fredericka the Great', cursive !important;}

p{margin:0 0 30px; line-height:28px;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#666 !important;}
::-moz-placeholder{color:#666 !important;}
:-ms-input-placeholder{color:#666 !important;}
:-moz-placeholder{color:#666 !important;}

ul.list{list-style:none; margin:0 0 30px;}
ul.list li{display:block; margin-bottom:10px; padding-left:20px; position:relative;}
ul.list li:after{position:absolute; content:"\f058"; left:0; top:0; color:#0e7a31; font-family: FontAwesome;}

.text-green{color:#297b3d;}
.text-yellow{color:#f2bb00;}

.d-inline-block{display:inline-block; vertical-align:top;}

.x-topbar{border-bottom: none; background-color: #297b3d;}
.x-topbar .p-info{font-size:14px; font-weight:600; color:#fff !important;}
.x-topbar .p-info a{border-bottom:none; display:inline-block; margin-right:10px; color:#fff !important;}
.x-topbar .x-social-global a{color:#fff;}

.x-navbar{border-bottom:none; box-shadow: none;}
.x-navbar .desktop .x-nav > li > a > span{padding:15px 20px;}
.x-navbar .desktop .x-nav > li.hc-btn > a > span{background-color:#f2bb00; color:#fff !important; border-radius:5px;}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {box-shadow:none !important;}

.desktop .sub-menu a{text-transform:uppercase; font-size:14px;}

.flex-direction-nav a.flex-next {
    left: auto !important;
}

.x-colophon.top {
    border-top:none;
    padding: 80px 0 80px;
    box-shadow:none;
	background-color:#297b3d;
	position:relative;
	margin-top:95px;
}
.x-colophon.top:after{position:absolute; content:""; left:0; right:0; top:-111px; width:100%; height:111px; background:url(images/footer-bg-top.png) no-repeat bottom center; background-size:cover;}

.x-colophon.bottom{background-color:#f2bb00; border-top:none; box-shadow:none; font-size:14px; color:#000; letter-spacing:0; padding:28px 0; position:relative;}
.x-colophon.bottom:after{position:absolute; content:""; left:0; right:0; top:-16px; width:100%; height:16px; background:url(images/ripped-paper-top-yellow.png) no-repeat bottom center; background-size:cover;}
.x-colophon.bottom a{color:#000;}
.x-colophon.bottom .x-colophon-content{letter-spacing:0; margin:0;}
.x-colophon.bottom .x-colophon-content p{margin:0;}

.widget{text-shadow:none;}
.widget ul, .widget ol{box-shadow:none; border:none;}
.widget ul li a, .widget ol li a, .x-comment-time{color:#fff !important; border-bottom:none; box-shadow:none;}
.widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a{padding:0 0 20px;}
.widget_nav_menu .current-menu-item>a{background-color:inherit;}
.x-colophon{background-color:#263144; border-top:none; box-shadow:none;}
.x-colophon+.x-colophon{border-top:none; box-shadow:none;}
.x-colophon .widget p, .x-colophon .widget p a{color:#dfe0e2 !important;}
.widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover{background-color:inherit; color:#f2bb00 !important;}
.widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before{content:"\f105"; opacity:1;}

.h-widget, .x-colophon h4{font-size:30px; color:#f2bb00; margin:0 0 25px;}
.x-colophon .widget{margin-top:0;}
.footer-social a{display:inline-block; vertical-align:top; font-size:24px; color:#fff; margin-right:8px;}

.inner-banner{background-color:#000; position:relative;}
.inner-banner:after{position:absolute; content:""; left:0; right:0; bottom:0; width:100%; height:117px; background:url(images/shape-top.png) repeat-x bottom center; background-size:contain; z-index:9;}
.banner-img{width:100%; height:280px; background-image:url(images/inner-banner-img.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover !important; opacity:0.5;}
.inner-banner .page-titles{position:absolute; left:0; right:0; top:80px; width:88%; max-width: 1200px; margin: 0 auto;}
.inner-banner .page-title{font-size:60px; line-height:60px; text-align:center; text-transform:uppercase; font-weight:700; color:#f2bb00; margin-bottom:0;}

.newsletter-bg{position:relative;}
.newsletter-bg:before{position:absolute; content:""; left:0; bottom:0; width:363px; height:184px; background:url(images/newsletter-bg-left.png) no-repeat bottom left; background-size:contain;}
.newsletter-bg:after{position:absolute; content:""; right:0; bottom:0; width:363px; height:184px; background:url(images/newsletter-bg-right.png) no-repeat bottom right; background-size:contain;}

form {
    margin: 0;
}
.newsletter-form{padding:0; max-width:460px; margin:0 auto; position:relative;}
.nf-field input{
    width: 100% !important;
    height: 43px;
    max-width: inherit !important;
    border: none !important;
    background-color: #fff !important;
    border-radius: 30px !important;
}
.submit-btn{
    width: 160px !important;
    position: absolute;
    right: 0;
    top: 0px;
}
.submit-btn input{
    width: 100%;
    height: 43px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #297b3d !important;
    border-radius: 30px !important;
	text-shadow: none;
}
.wpcf7 .wpcf7-spinner{display:none;}

.x-header-landmark {margin:0 auto 0;}
.p-landmark-sub{font-size:60px; line-height:60px; font-weight:700; text-transform:uppercase; font-family: 'Londrina Solid', cursive !important;}

.xc-press .xc-press-inside{background-color:#f5f5f5; background-image:url(images/dot-circle.png); background-repeat:no-repeat; background-position: right bottom; background-size:150px; border:#999 1px dashed; border-radius:30px; text-align:center; padding:30px 20px;}
.xc-press .xc-press-inside .entry-title{font-size:24px !important; line-height:30px; text-transform:none; margin:0 0 20px;}
.entry-title-sub a{display:inline-block; font-size:14px; line-height:14px; font-weight:700; text-transform:uppercase; color:#fff; background-color:#297b3d; border-radius:5px; padding:14px 30px; transition:0.3s;}
.entry-title-sub a:hover{background-color:#f2bb00; color:#fff;}

.xc-press.xc-print .xc-press-inside .entry-title{text-transform:uppercase; color:#297b3d; margin-bottom:15px;}
.xc-press.xc-print .xc-press-inside .entry-title a{color:#297b3d;}
.print-media-name{font-size:18px; font-weight:700; color:#f2bb00; margin-bottom:15px;}
.p-m-expt p{line-height:24px;}

.nutritional-calculator {
    display: flex;
}
.nc-left {
    width: 75%;
	padding-right:30px;
	margin:0 -10px;
	display:flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-items: stretch;
}
.nc-right {
    width: 25%;
}
.nc-list-box{width: 33.3333%; margin-bottom:20px; padding: 0 10px;}
.nc-list-box-inner{height:100%; padding: 20px 15px; background-color:#f5f5f5; background-image:url(images/dot-circle.png); background-repeat:no-repeat; background-position: right bottom; background-size:150px; border:#999 1px dashed; border-radius:30px;
}
.nc-list-box input[type=checkbox], .nc-list-box label{
    display: inline-block;
    vertical-align: top;
}
.nc-list-box label{word-break:break-all;}

.n-chart {
    background-color: #297b3d;
    color: #fff;
    padding: 20px 15px;
    border-radius: 30px;
}
.n-chart h5{color:#f2bb00;}
.n-chart p{font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;}
.chart-field {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: #5cc374 1px dashed;
}
.n-chart .x-btn, .n-chart .button, .n-chart [type="submit"]{background: #f2bb00; font-weight:700; text-transform:uppercase;}
.chart-field label{float:left; width:75%; margin-bottom:0;}
span.n-value {float: right; width:25% font-weight: 700; display: block; text-align: right;}
.chart-btn input{display:inline-block; margin-bottom:15px;}
.chart-field h6{color:#fff; margin-bottom:5px; letter-spacing: 0.5px;}
.n-ingredients {
    width: 100%;
    min-height: 80px;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    padding: 10px;
    background-color: #fff;
}

.x-btn-navbar, .x-btn-navbar:hover{box-shadow:none; text-shadow:none; background-color:#297b3d; color:#fff;}
.x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover{color: #fff; background-color: #f2ba01; box-shadow: none;}


@media only screen and (max-width:1160px) {
.x-navbar .desktop .x-nav > li > a > span {padding: 15px 12px;}	
}
@media only screen and (max-width:1060px) {
.x-navbar .desktop .x-nav > li > a {font-size: 13px !important;}
.x-navbar .desktop .x-nav > li > a > span {padding: 15px 12px;}	
}
@media only screen and (max-width:1024px) {
.nc-left{width: 70%;}
.nc-right{width: 30%;}
.nc-list-box{width: 50%;}
}
@media only screen and (max-width:978.98px) {
h1, .h1{font-size:60px !important;}
h2, .h2{font-size:48px !important;}
h3, .h3{font-size:36px !important;}
h4, .h4{font-size:30px !important;}
h5, .h5{font-size:24px !important;}
h6, .h6{font-size:18px !important;}

.x-colophon.top{text-align:center;}

.banner-img{height:280px;}
.inner-banner .page-titles{top:70px;}
.inner-banner .page-title{font-size:48px !important; line-height:48px;}

.p-landmark-sub {font-size:48px; line-height:48px;}

.nc-left{width: 65%;}
.nc-right{width: 35%;}
}
@media only screen and (max-width:766.98px) {
h1, .h1{font-size:48px !important;}
h2, .h2{font-size:40px !important;}
h3, .h3{font-size:32px !important;}
h4, .h4{font-size:28px !important;}
h5, .h5{font-size:22px !important;}
h6, .h6{font-size:18px !important;}

.x-topbar .p-info {padding: 0.8em 0 0; background-color: inherit;}

.nutritional-calculator{display:inherit;}
.nc-left{width:100%; padding-right:0; margin:0;}
.nc-right{width:100%;}
}
@media only screen and (max-width:640px) {
h1, .h1{font-size:40px !important;}
h2, .h2{font-size:36px !important;}
h3, .h3{font-size:30px !important;}
h4, .h4{font-size:24px !important;}
h5, .h5{font-size:20px !important;}
h6, .h6{font-size:18px !important;}

.banner-img{height:160px;}
.inner-banner .page-titles{top:45px;}
.inner-banner .page-title{font-size:36px !important; line-height:36px;}

.p-landmark-sub {font-size:36px; line-height:36px;}
}
@media only screen and (max-width:575px) {
.nc-list-box{width:100%;}
}