body{max-width: 100%; overflow-x: hidden;}
html {
  scroll-behavior: smooth;
}

*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Merienda One', sans-serif;}

a:hover{text-decoration: underline !important;}

a{color: #e68a00 !important; text-decoration: underline !important;}

li{	list-style: none; display: list-item; padding: 0px 20px;}

.single-post .entry-content a {text-decoration: underline !important;}

i{color: #2fccd0;}

h1 a{color: #e68a00; text-decoration: underline!important;}

p{font-size: 0.9rem; color: #606060; line-height: 1.6; font-weight: 400;}

.menu-main-menu-container{width: 100% !important;}

.nav-menu li a{text-decoration: none!important;padding: 20px;}
.nav-menu{
  margin-right: 160px;
}

.navbar {background-color: #333; border-bottom: 7px solid #e68a00; display: flex; justify-content: space-between; align-items: center;}

/* Style the links inside the navigation bar */
.menu-item a{color: #e68a00 !important; text-align: center; text-decoration: none !important; font-size: 16px; }

/*.dropdown:hover> .dropdown-menu{display: block;}
.dropdown-menu li{
  /*border-bottom: 1px solid #e68a00;*/
  /*padding: 5px;*/
/*}*/

.main-navigation ul ul {
    display: none;
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation ul ul {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
    width: 180px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

}
.main-navigation li {
    position: relative;
    padding: 12px;

}
/*.dropdown:focus-within> .dropdown-menu{display: block;}*/
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {display: block; left: auto;}

/*.dropdown > .dropdown-toggle:active {pointer-events: none;}*/
.main-navigation li.has-children > a:after {
 color: #fff;
 content: ' ▼';
 font-size: 10px;
 vertical-align: 1px;
}
.main-navigation li li.has-children > a:after {
 color: #222;
 content: ' ►';
 font-size: 10px;
 vertical-align: 1px;
}
.has-children:focus-within> .sub-menu{display: block;}

/* Change the color of links on hover */
.navbar a:hover {color: #ff9900; font-style: italic; font-family: 'Libre Baskerville', serif; font-size: 16px;}

.topnav-centered {  float: none;  position: absolute;  top: 12%;  left: 49%;  transform: translate(-40%, 25%);  z-index: 2;}

/* Right-aligned section inside the top navigation */
.topnav-right {  float: left !important;  padding-right: 15px !important; }

.topnav-left {  float: right !important;}
.navbar-toggler{
  display: block;
  background-color: #3d3d3d;
  width: 60px;
  height: 60px;
    /* margin: 50px auto; */
  border-radius: 50%;
  border: none;
}


/* give the span element and related pseudo-elements the appearance of white lines */
.menu-icon,
.menu-icon::before,
.menu-icon::after {
  position: absolute;
  width: 30px; 
  height: 2px;
  border-radius: 4px;
  background-color: white;
}
.menu-icon{
  display: inline-block!important;
    width: 2.2em!important;
     /*height: 1.5em; */
    vertical-align: middle!important;
    content: "";
     /*background: no-repeat center center; */
    background-size: 100% 100%!important;
}

/* center the span element in the middle of its containing button */
.menu-icon {
  top: calc(50% - 2px);
  left: calc(50% - 15px);
  
}

/* position the two pseudo-elements to the very left */
.menu-icon::before,
.menu-icon::after {
  content: "";
  left: 0;
}

/* this is the top dash of the hamburger */
.menu-icon::before {
  bottom: 8px;
}

/* this is the bottom dash of the hamburger */
.menu-icon::after {
  top: 8px;
}

/* TOGGLE STYLES FOR THE BUTTON */

/* rotate middle dash of hamburger */
.toggled .menu-icon {
  height: 5px;
    width: 45px !important;
    left: 14px;
    top: calc(50% - 3px);
    transform: rotate(-45deg);
    background-color: red;
}

/* rotate bottom dash of hamburger counter clockwise */
.toggled .menu-icon::after {
  width: 44px;
    height: 5px;
    top: 0px;
    transform: rotate(-270deg);
    background-color: red;
}

/* hide the top dash by scaling it to 0 */
.toggled .menu-icon::before {
  transform: scale(0);
}

/* TRANSITION */
/* adjust duration to see it happen slower */
.menu-icon, .menu-icon::after {
  transition: all 0.3s linear;
}
.logoborder{ width:300px!important;  z-index: 1;}
.logo{  width:85px!important;  height: 85px;}

.header{  width: 100%;  height: 100vh;  position: relative;}

.header-section{  width: 100%;  height: 100vh;  text-align: left;  position: relative; top: -98px;}
.site-main{  width: 100%;  height: inherit;}
.main .wp-post-image{
  background-repeat: no-repeat;
  background-size: 100%, 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
}
.main{
  width: 100%;
  height: 100vh;
  padding-right: 0px !important;
}
.top-left {
  position: absolute;
  top: 20%;
  left: 16px;
}

.header-section h1{  font-size: 70px!important;    color: #fff;  font-family: 'New Rocker', cursive;  padding-top: 90px;  margin-left: 35px; text-shadow: 0 0 0 whitesmoke;  animation: smoky 2s infinite;}
@keyframes smoky {  to {    text-shadow: 0 0 20px whitesmoke;    opacity: 0;  }}

.containerpen {    height: 100px;    width: 100vw;    display: flex;    justify-content: center;    align-items: center;    background-color: transparent;   z-index: -1030; margin: -1px;}
.site-description {    margin: 0;    color: white; font-size: 0.6em;}
.site-branding-text h1, .site-branding-text h1 a {    font-size: 20px;    margin: 0;}
.navbar-brand{  font-family: 'New Rocker', cursive;}
.themehead{  font-family: 'New Rocker', cursive;  color: #e68a00;}
.custom-logo{
  width: 100px;
  height: 100px;
  margin-top: -15%;
  margin-left: 20px;
}

/*******************************Responsive************************************/

@media screen and (min-width: 300px) and (max-width: 600px) {  .navbar-nav{    flex-direction: column;    align-items: flex-start;}
  .navbar-brand{  display: flex !important;  font-family: 'New Rocker', cursive;}

  ul{    width: 100%;    flex-direction: column;  }

  .menu-main-menu-container{    width: 100%;  }

  .menu-item{    padding: 0.5rem 1rem;    text-align: center;    width: 100%;  }

  .menu-item.active{    display: flex;    width: 100%;    background-color: #333;  }

  .topnav-centered {    display: none; }

.containerpen{  display: none;}
.aboutimg img{  width: 100%;  height: 100%; }
.post_content { padding: 30px; margin-top: 40px;}

.header-section h1{  font-size: 20px!important;    color: #fff;    margin-top: 30px;    font-family: 'New Rocker', cursive;    padding-top: 5px;    margin-left: 20px;    text-shadow: 0 0 0 whitesmoke;    animation: smoky 2s infinite; top: 1px; }
}

@media screen and (max-width: 1000px){  .navbar-nav{    flex-direction: column;    align-items: flex-start;  }
  .navbar-brand{  display: flex !important;  font-family: 'New Rocker', cursive;}

  ul{    width: 100%;    flex-direction: column; }

  .menu-main-menu-container{    width: 100%; }

  .menu-item{    padding: 0.5rem 1rem;    text-align: center !important;    width: 100%;  }

  .menu-item.active{    display: flex;    width: 100%;    background-color: #333;  }

  .topnav-centered {    display: none; }

.containerpen{  display: none;}

.aboutimg img{  width: 100%;  height: 100%; }
.header-section {
    width: 100%;
    text-align: left;
    position: relative;
    top: 1px;
}

.header-section h1{  font-size: 20px!important;    color: #fff;    margin-top: 30px;    font-family: 'New Rocker', cursive;    padding-top: 5px;    margin-left: 20px;    text-shadow: 0 0 0 whitesmoke;    animation: smoky 2s infinite; }
}

@media screen and (max-width: 1024px){  .navbar-nav{    flex-direction: column;    align-items: flex-start;  }
  .navbar-brand{  display: flex !important;  font-family: 'New Rocker', cursive;}

  ul{    width: 100%;    flex-direction: column; }

  .menu-main-menu-container{    width: 100%; }

  .menu-item{    padding: 0.5rem 1rem;    text-align: center !important;    width: 100%;  }

  .menu-item.active{    display: flex;    width: 100%;    background-color: #333;  }

  .topnav-centered {    display: none; }

.containerpen{  display: none;}

.aboutimg img{  width: 100%;  height: 100%; }
.header-section {
    width: 100%;
    height: auto;
    text-align: left;
    position: relative;
    top: 1px;
}

.header-section h1{  font-size: 20px!important;    color: #fff;    margin-top: 10px;    font-family: 'New Rocker', cursive;    padding-top: 5px;    margin-left: 20px;    text-shadow: 0 0 0 whitesmoke;    animation: smoky 2s infinite; }
}

 /*****************************************Header Section end******************************/

 .aboutus-section{ 	width: 100%; 	height: inherit; }
 .about-heading h1{ 	font-size: 60px;    color:#e68a00 ;    padding-top: 40px;    text-align: center;    text-transform: uppercase;    font-style: bold;    font-family: 'Ramaraja', serif; }
 .about-main{ 	width: 100%; 	height: inherit; 	position: relative; }
 .post-thumbnail img{  width: 100% !important;  height: 100% ; }
 .aboutimg img{ 	width: 100%; 	height: 100%; }
 .about-main p{ font-family: 'Libre Baskerville', serif;font-style: italic; font-size: 25px; text-align: left;    margin-top: 40px; padding: 50px; color: black; word-wrap:break-word; }
 .container-fluid{ 	padding-left: 0px !important; }

 /*****************************************About Us Section end***************************** */

 .ourmenu-section{ 	width: 100%; 	background-color: #e0ebeb;  padding-bottom: 40px; }
 .menu-heading h1{ 	font-size: 60px;    color:#e68a00 ;    padding-top: 70px;    text-align: center;    text-transform: uppercase;    font-style: bold;    font-family: 'Ramaraja', serif; }

 .menu-heading img{  padding-bottom: 20px; }

 * {  box-sizing: border-box;}

.row {  margin: 8px -16px;  margin-bottom: 20px;  padding-top: 40px;}

/* Add padding BETWEEN each column (if you want) */
.gallerymain,.gallerymain > .column {  padding: 8px;}

/* Create three equal columns that floats next to each other */
.column {  float: left;  width: 33.33%;  display: none;}

/* Clear floats after rows */
.row:after {  content: "";  display: table;  clear: both;}

/* Content */
.content {  background-color: white;  padding: 10px;}

/* The "show" class is added to the filtered elements */
.show {  display: block;}

/* Style the buttons */
.btn {  border: none;  outline: none;  padding: 12px 16px;  background-color: white;  cursor: pointer;}

/* Add a grey background color on mouse-over */
.btn:hover {  background-color: #ddd;}

/* Add a dark background color to the active button */
.btn.active {  background-color: #666;   color: white;}

.menu-main{  margin-left: 30px !important;  margin-right: 30px !important;}


.box-content {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  visibility: hidden;}

.box-content h3{  color: black;  font-size: 50px;  font-family: 'Ramaraja', serif;  font-weight: bold;}

.gallery {  height: 300px;  margin-bottom: 20px;}
.gallery img {  width: 100%;  height: 100%;  transition: transform .5s ease;}
.gallery:hover img {  opacity: 0.5;}

.gallery:hover .box-content{ visibility: visible;}

/*******************************************************************************/

/* ---- ==== Blog ==== ----*/

.blog_post {box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);}


.post-thumbnail img,.post_img img {    width: 100%;    height: auto;}
.hover_eff:hover span.right-btn{    box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.2);}
.post_content span.right-btn{    width: 60px;    height: 60px;    line-height: 65px;    text-align: center;    border-radius: 50%;    font-weight: 600;    float: right;    transform: translateY(-65px);}

.post_content { padding: 30px;}
.post_content .right-btn i{    font-size: 1.6em;}
.post_content .categories {    font-size: 16px;}

.post_content h4,
.post_content h1 {    font-size: 25px;    font-weight: 600;    margin: 20px 0 40px;}

.post_meta {    font-size: 14px;    font-weight: 500;    letter-spacing: 0.5px;    opacity: 0.8;    border-top: 1px solid;    text-transform: capitalize;    padding-top: 10px;    display: flex;    justify-content: space-between;}


.author{    margin-left: 6px;}
.author i{    padding-right: 10px;}
.date i{    padding-right: 10px;}
.categories a{    margin-right: 5px;    font-weight: 600;}
.categories a:hover{    color: var(--primary-color);}

.categories i{ padding-right: 10px;}

.comment-area,
.comments-area {    padding: 20px;    border-width: 1px ;    border-style: solid;}


/* ---- ==== Sidebar ==== ----*/

.sidebar .widget {    padding: 20px;    border-width: 1px;    border-style: solid;    margin-bottom: 30px; border-color: lightgray;
}

.sidebar .widget h3 {    font-size: 22px;    font-weight: 700;    margin-bottom: 15px;    padding-left: 10px;    border-left-width: 4px;    border-left-style: solid;}


/* ---- ==== widgets ==== ----*/

.widget ul {    padding: 0;    margin: 0;}

.widget ul li {    margin: 0;    padding: 10px 0;    border-bottom-width: 1px;    border-bottom-style: solid;    border-color: lightgray;}

.widget ul li:last-child {    border-bottom: unset;    padding-bottom: 0;}

.widget .tagcloud a {    display: inline-block;    line-height: 20px;    margin: 0 5px 9px 0;    padding: 6px 12px;}

.widget .input-group-btn .btn {    border-radius: 0 4px 4px 0;}

.widget .calendar_wrap table tbody td {    line-height: 2.5em;    transition: background 0.15s ease 0s;    text-align: center;    border-width: 1px;    border-style: solid;    padding: 0 8px;}

.widget .textwidget img {    width: 100%;    height: auto;}

.widget ul li .media-body h5 {    font-size: 18px;}

.widget ul li.media img {    width: 70px;    height: 70px;    object-fit: cover;}

.widget .social a {    width: 30px;    height: 30px;    line-height: 30px;    margin-left: 5px;    margin-right: 5px;    display: inline-block;}


/* ---- ==== Footer ==== ----*/
footer .inner .top {    padding-top: 80px;    padding-bottom: 60px;}

footer .widget {    margin-bottom: 20px;}

footer .widget h4 {    position: relative;    font-weight: 600;    font-size: 22px;    margin-bottom: 55px;}
footer .widget h4::after{    content: "";    width: 72px;    height: 2px;    position: absolute;    left: 0;    bottom: -15px;}

footer .widget ul {    margin: 0;    padding: 0;    list-style: none;    font-size: 16px;}
footer .input-group input{  outline: none;  border-radius: 4px;  font-size: 16px;}
footer .widget ul li {    margin: 0;    padding: 5px 0;    border-bottom: unset;}
footer .widget .social a{    width: 40px;    height: 40px;    line-height: 40px;    margin-left: 5px;    margin-right: 5px;    text-align: center;    border: 1px solid;}

footer .inner .bottom { padding-top: 10px; padding-bottom: 10px;}

footer .inner .bottom span{ padding-top: 10px;    padding-bottom: 10px;}

.inner.bg-trans { background-image: url(images/breadcrumb.jpg);    background-size: cover;    background-position: center;    position: relative;}
.inner.bg-trans::before{    content: '';    display: block;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    opacity: 0.5;}

.p_categories{    margin-bottom: 10px;    text-transform: uppercase;    font-size: 16px;}
.p_categories a{    color: #e68a00;    font-weight: normal;}
.mb-3 h1 a, h4 a {  color: #151a33;}
.mb-3 h1 a, h4 a:hover {      color: #e68a00;}

/* Single post */
.single.single-post .nav-links *{    color: #0e2842a8}
.single.single-post .nav-links *:hover {    color:var(--primary-color);}

.error404 .content .row{ justify-content: center;        padding-top: 70px;    padding-bottom: 70px;}
.error404 .content .row [type="submit"]{ border-radius: inherit;}

/* Comments */
#comments a{color: #e68a00;}

.comment-area,
.comments-area {    padding: 20px;    border: 1px solid #eee;}
.comments-area ol {    list-style: none;}
.comments-area .comment-body {    border-bottom: 1px solid #eee;    margin-bottom: 15px;    position: relative;    padding: 25px 25px 25px 70px;    min-height: 120px;    overflow-wrap: break-word;    word-wrap: break-word;    border-radius: 3px;    z-index: 0;    margin-bottom: 1rem;}
.comment-body{    margin-bottom: 25px;}
.comment-list .children {    position: relative;    padding: 0;    margin: 0;    margin-left: 2.5rem;    z-index: 0;    list-style: none;}
.comment-body .reply {    text-align: right;}
#comments img {max-width: 100%;}
.reply a {    font-size: 14px;    padding: 5px 17px;    font-weight: bold;    transition: 0.3s ease-in-out 0s;    border-radius: 0;    display: inline-block;    border-radius: 30px;    color: var(--primary-color);}
.comments-area .comment-meta {    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -ms-flex-align: flex-start;    align-items: flex-start;    -ms-flex-direction: column;    flex-direction: column;}
.comments-area .comment-meta .comment-author img {    border-radius: 60%;    position: absolute;    z-index: 0;    left: 0;    top: 28px;    width: 60px;    height: 60px;    border: 2px solid #c5c5c5;    padding: 0;}
.comment-meta .comment-metadata {    width: 100%;    line-height: 1.5;    font-size: 14px;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -ms-justify-content: space-between;    justify-content: space-between;}
.comment-reply-title {    font-size: 16px;}
.comment-content {    position: relative;    z-index: 0;    padding: 16px 40px 16px 0;}

#comments [type="submit"]{    background: #fff;    color: #e68a00;    border-color: #e68a00;    border: nones;    box-shadow: 0px 1px 3px 0 rgb(0 0 0 / 20%);    position: relative;    z-index: 1;}

#comments [type="submit"]:hover{    background: #e68a00;    color: white;    transition: all 0.3s ease 0s;}

.close-div{
    padding: 5px 16px 0px 0;
}
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,
.form-control,
input:not([type]),
textarea {    border-radius: 0;    margin-bottom: 20px;    box-shadow: inherit;    padding: 6px 12px;    line-height: 30px;    border-width: 2px;    border-style: solid;    width: 100%;    font-size: 1.6em;}
button,
html [type="button"],
[type="reset"],
[type="submit"],
.btn,
.more-link {    padding: 10px 35px;    line-height: 26px;    overflow: hidden;    position: relative;    border-radius: 30px;    font-size: 14px;    font-weight: 600;    display: inline-block;    transition: all 0.1s ease 0s;    border-width: 2px;    border-style: solid;}
a.btn.btn-default {    box-shadow: 0 0 5px  #e68a00,  0 0 10px  #e68a00;}
a.btn.btn-default:hover{    box-shadow: 0 0 20px #000;    box-shadow: unset;}

.btn:hover {    transition: all 0.3s ease 0s;    outline: none;    box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.5);}
.container {    max-width: 1320px !important;}
.wp-block-search .wp-block-search__input{  margin-bottom: auto;}

.sidebar .wp-block-search input[type="search"]{    width: auto;}

.sidebar button, footer button, .wp-block-search__button {  background: #e;    color: #e68a00;    border-color: #e68a00;    overflow: inherit;}

button.wp-block-search__button:hover:hover, button.wp-block-search__button:hover:hover, button.wp-block-search__button:hover:focus { box-shadow: unset;}

#site-footer { font-size: 1.8rem;  padding: 4.3rem 0;  }

    .footer-credits { display: flex; flex-wrap: wrap; }

    .footer-copyright { font-weight: 900;  font-size: 15px; padding-left: 10px; }
    .powered-by{padding-left: 10px !important;    }

    .privacy-policy { margin: 0 0 0 2.4rem; }

    .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.scrollup i {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 70px;
    right: 10px;
    font-size: 20px;
    display: none;
    color: #fff !important;
    padding: 13px;
    background: #e68a00;
    z-index: 999;
}
.site-footer{
  background-color: black;
  border-top: 3px solid #e68a00;
  padding: 20px 0px;
}
.footer-menu-left{
  color: #e68a00;
}

/******************************************responsive************************************/