/*  
Theme Name: Gotcha! WP Theme
Theme URI: --------------
Description: ------------
Version: 1.0
Author: gotcha! Dev Team
Author URI: https://gotchamobi.com
*/

/* ----------------- Reset CSS Start ----------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, address,strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, hgroup, menu, nav, section {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {font-family: 'Montserrat' ,sans-serif;line-height:1;}
footer,header {display:block;}


* {box-sizing: border-box;}

/*  ----------------- Typography ----------------- */

h1, h2, h3, h4, h5, h6, 
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family: 'Montserrat' ,sans-serif;margin: 0;padding: 0;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight: inherit; }
p, span {font-family: 'Montserrat' ,sans-serif;margin: 0;}
p img {margin: 0;}
strong {font-weight: bold;}
hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}

/* ----------------- Links ----------------- */
a,
a:visited,
a:hover,
a:focus {
    color: inherit;
    font-family: 'Montserrat' ,sans-serif;
    text-decoration: none;
    outline: 0;
}
button {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    color: inherit;
    font-family: 'Montserrat' ,sans-serif;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
button:visited,
button:hover,
button:focus {
    color: inherit;
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 transparent;
    border: 0 none;
}

/* ----------------- Transisiton for Links ----------------- */
#sidebar a,
#footer a,
#title a,
#header a,
#copyright a{
	-webkit-transition: all 0.07s ease-in;
       -moz-transition: all 0.07s ease-in;
        -ms-transition: all 0.07s ease-in;
         -o-transition: all 0.07s ease-in;
            transition: all 0.07s ease-in;
}

a:hover,
a:focus {color: inherit;}

p a,
p a:visited {line-height: inherit;}

ul {list-style: outside none none;margin: 0;padding: 0;}
ul > li {display: inline-block;font-family: 'Montserrat' ,sans-serif;vertical-align: top;}

input, textarea {font-family: 'Montserrat' ,sans-serif;}

/* ----------------- Globals ----------------- */
body.home {padding-top: 0;}
.admin-bar .header {top: 32px !important;}
.container {max-width: 1264px;}
hr {
  border: solid #b8b8b8;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

:root {
  /*--nrlfont: 'Montserrat' ,sans-serif;
  --boldfont: 'Montserrat' ,sans-serif;*/
}
.admin-bar .fixed-top {top: 32px;}

/* ----------------- Topbar ----------------- */



/* ----------------- /Topbar ----------------- */

/* ----------------- Header ----------------- */
.blog-hero-sec {
  background-color: #2b3f75;
}
.blog-hero-sec .hero-txt {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.blog-hero-sec .hero-txt h6 {
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 3.92px;
  color: #fff;
  clear: both;
  text-transform: uppercase;
}
.blog-hero-sec .hero-txt h1 {
  font-size: 56px;
  font-weight: 600;
  line-height: 1.14;
  color: #fff;
  clear: both;
  margin-bottom: 0;
}
.blog-hero-sec .hero-txt p {
  font-size: 18px;
  font-style: normal;
  line-height: 1.56;
  color: #fff;
  clear: both;
}
/* ----------------- /Header ----------------- */

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

.docs-wrap {
  height: 100vh;
}

.post-list-sec {
  padding: 90px 0;
}
.post-box {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);
  background-color: #fff;
}
.post-content {
  padding: 40px 20px;
}
.post-box h6 {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 3.92px;
  color: #de001d;
  clear: both;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.post-box h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
  margin-bottom: 15px;
}
.post-box h3 a {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  color: #212529;
  text-decoration: none;
  display: block;
  text-transform: capitalize;
}
.post-box p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  color: #495057;
}
.post-content .date {
  font-weight: 600;
}

.post-cat-list-wrap h2 {
  color: #373737;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.post-anchor-list li {
  margin-bottom: 10px;
  display: block;
  width: 100%;
}

.post-anchor-list li a {
  color: #2b3f75;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.post-anchor-list li a sup {
  font-size: 12px;
  font-weight: 700;
}

.post-sidebar h2 {
  color: #373737;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}




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

.post-hero {
  background-color: #2b3f75;
}

.post-hero .breadcrumb {
  margin: 0;
  padding: 20px 0 0;
}
.post-hero .breadcrumb li a {
  color: #fff;
  text-decoration: none;
}
.post-hero .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, ">") !important;
  color: #fff !important;
}
.post-hgt-623 {height: 623px !important;}
.post-hgt-500 {height: 250px !important;}
.post-pdd-170 {padding: 170px 0 !important;}
.post-pdd-130 {padding: 70px 0 50px !important;}

.post-dtl-hero-txt {
  padding: 60px 0;
}

.post-dtl-hero-txt h6 {
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 3.92px;
  color: #fff;
  text-transform: uppercase;
}
.post-dtl-hero-txt h1 {
  font-size: 56px;
  font-weight: 600;
  line-height: 1.14;
  color: #fff;
  
}

.pt-80 {
  padding-top: 80px;
}
.pb-60 {
  padding-bottom: 60px;
}

.post-sidebar {
  border-right: 1px solid #ddd;
  height: 100%;
}

.post-dtl-cnt-txt img {
  margin-bottom: 50px;
}
.post-dtl-cnt-txt h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.14;
  color: #222;
  margin-bottom: 25px;
}
.post-dtl-cnt-txt h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.14;
  color: #222;
  margin-bottom: 25px;
}
.post-dtl-cnt-txt p {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.56;
  color: #495057;
  margin-bottom: 20px;
}
.post-dtl-cnt-txt ol {
  list-style: outside decimal;
  padding-left: 30px;
  margin-bottom: 20px;
}
.post-dtl-cnt-txt ol li {
  list-style: outside decimal;
  display: list-item;
}
.post-dtl-cnt-txt ul {
  list-style: outside disc;
  padding-left: 30px;
  margin-bottom: 20px;
}
.post-dtl-cnt-txt ul li {
  list-style: outside disc;
  display: list-item;
}
.post-dtl-cnt-txt ol li, .post-dtl-cnt-txt ul li {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.56;
  color: #495057;
  margin-bottom: 0;
}

.post-dtl-author .post-dtl-author-cnt {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #ddd;
}
.post-dtl-author-img {
  margin-right: 20px;
}
.post-dtl-author-txt h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.14;
  color: #222;
  margin-bottom: 15px;
}

.post-dtl-cnt-txt, .post-sidebar {
  padding: 80px 0;
}

.post-sidebar .cat-anchor-list li {
  margin-bottom: 20px;
}

.post-sidebar .cat-anchor-list li ul.post-anchor-list {
  padding-left: 20px;
}



.footer {
  background-color: #000;
  padding: 20px 0;
}
.copyright-txt p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.56;
  color: #fff;
  margin-bottom: 0;
}
.copyright-txt p a {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.56;
  color: #fff;
  margin-bottom: 0;
  text-decoration: none;
}