/*
Theme Name: Cyber World IT
Theme URI: https://cyberworldit.com
Author: cyberworldit
Author URI: 
Description: Custom Apps brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.3
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: 
Text Domain: cyberworldit
Tags: one-column, two-columns, [dev by Azizul Hakim] right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
:root {
}

body {
  margin: 0;
  padding: 0;
  outline: 0;
}
ul,
ol,
li {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
  text-align: center;
}
a {
  text-decoration: none;
}
mark {
  background-color: transparent;
  color: var(--ah-1st-color);
}
a:hover {
  /* color: #0056b3; */
  text-decoration: none;
}
.section-box {
  background-color: #fff;
  max-width: 1225px;
  box-shadow: 0 0 12px #dedede;
  margin: auto;
}
.main-section {
  background: #f6f6f6;
}
.cw-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.cw-flex-lr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cw-flex-c {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cw-flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cw-flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
a,
button {
  transition: all ease-in-out 0.4s;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -ms-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
}
/*-----------------------------------------------------------------------------
13.2 site menu
------------------------------------------------------------------------------*/
.main-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  /* -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%); */
}

.main-navigation ul {
  margin: 0;
}

.main-navigation ul li {
  position: relative;
  float: left;
  list-style: none;
}

.menu-item-has-children {
  position: relative;
}

.main-navigation ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
  font-size: 18px;
  border-left: 1px solid rgba(255, 255, 255, 0.102);
  padding: 10px 15px;
}

.main-navigation ul li a:hover {
  color: var(--ah-1st-color);
}

.main-navigation ul li a > i {
  margin-right: 8px;
}

.main-navigation ul.sub-menu {
  display: block;
}

.main-navigation .sub-menu {
  position: absolute;
  list-style: none;
  background-color: #fff;
  min-width: 260px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 20px 0px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 20px 0px rgb(0 0 0 / 10%);
  z-index: 1000;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.main-navigation ul li .sub-menu li > .sub-menu li > .sub-menu,
.main-navigation ul li .sub-menu li > .sub-menu {
  left: 100%;
  top: 0;
}

.main-navigation ul li .sub-menu li .fa-angle-down {
  transition: all 0.4s ease;
}

.main-navigation ul li .sub-menu li:hover .fa-angle-down {
  transform: rotate(270deg);
  font-weight: 600;
}

.main-navigation .sub-menu li {
  width: 100%;
}

.main-navigation .sub-menu li a {
  font-size: 15px;
  color: #777777;
  padding: 10px 22px;
  border: none;
  border-bottom: 1px solid #e1e6eb;
}

.main-navigation li.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.main-navigation .sub-menu li a:hover {
  color: var(--ah-1st-color);
  background: #f7f7f7;
}

.main-navigation ul li a:hover {
  color: var(--ah-1st-color);
}

.bot-line {
  position: absolute;
  width: 100%;
  height: 3px;
  background: #4272d7;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
}

.main-navigation ul li a:hover .bot-line {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu .highlighte a {
  background-color: var(--ah-2nd-color);
  border-radius: 5px;
  padding-left: 25px;
  padding-right: 25px;
  color: #fff;
}

.main-navigation .sub-menu li .ah-icon i {
  transform: rotate(90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

span.screen-reader-text {
  display: none;
}
.dropdown-toggle::after {
  display: none;
}
#site-navigation span.ah-icon i {
  padding-left: 4px;
  font-size: inherit;
  color: inherit;
}
/*-----------------------------------------------------------------------------
 page-common css
------------------------------------------------------------------------------*/
.post-info {
  padding: 10px;
  text-align: center;
}
.entry-title {
  color: #000;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
}
.entry-title a {
  color: #000;
}
.summery {
  color: #333;
  word-wrap: break-word;
  font-size: 16px;
  text-align: left;
}
.entry-content img,
.entry-content p img {
  margin-bottom: 15px;
}
/*custom page css*/
.ah-page p {
  text-align: justify;
}
.ah-page-container .content {
  text-align: justify;
}
.page-section-two {
  background-color: #f8fafe;
}
.page-section-two .ah-page-item {
  background-color: #fff;
  -webkit-box-shadow: 0 10px 25px 0 rgb(0 0 0 / 4%);
  box-shadow: 0 10px 25px 0 rgb(0 0 0 / 4%);
  text-align: center;
  padding: 30px;
}
.page-section-two .ah-page-item a {
  color: #000;
}
/*-----------------------------------------------------------------------------
archive
------------------------------------------------------------------------------*/
.single-page-section,
.page-section,
.main-section,
.archive-page {
  padding: 50px 0;
}
.archive-page-item {
  height: 100%;
  background: #fff;
  border: 1px solid #dedede;
  transition: 0.4s;
}
.archive-page-item .entry-title {
  font-size: 22px;
  line-height: 28px;
}

/*-----------------------------------------------------------------------------
13.2 single-page
------------------------------------------------------------------------------*/
.single-page-item .entry-content p,
.single-page-item .summery p {
  color: #333;
  text-align: left;
  font-size: 18px;
  line-height: 30px;
}
.single-page-section #comments textarea,
.single-page-section #comments input {
  display: block;
  min-width: 400px;
}
/*-----------------------------------------------------------------------------
13.2 widget
------------------------------------------------------------------------------*/
.widget-container {
}
.widget-container .cw-shop-menu,
.widget-container .widget {
  background: #fff;
  margin-top: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.widget-container .widget ul,
.widget-container .widget form,
.widget-container .widget img {
  padding: 8px;
}
.widget-container .widget ul {
}
.widget-container .widget .widget-title {
  padding: 10px;
  margin: 0;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #e8e8e8;
}

/*-----------------------------------------------------------------------------
13.2 site-footer
------------------------------------------------------------------------------*/
.site-footer .widget h1,
.site-footer .widget h2,
.site-footer .widget-title {
  color: #fff;
  font-size: 19px;
  line-height: 20px;
  margin-bottom: 25px !important;
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
  width: fit-content;
}
.site-footer .widget h1:after,
.site-footer .widget h2:after,
.site-footer .widget-title:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: -2px;
  width: 76px;
  height: 2px;
  background: #ffffff;
  z-index: 2;
  margin-left: 15px;
}
.site-footer .widget ul li {
  display: block;
  margin: 0;
  line-height: 1;
  border: 0;
  padding: 0;
  font-weight: 400;
  margin-bottom: 10px;
}
.site-footer .widget ul li a {
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  display: block;
  text-transform: capitalize;
  margin-bottom: 0;
  display: block;
  position: relative;
}
.site-footer .widget ul li a:hover {
}
.site-footer .widget ul li a,
.site-footer .widget-column {
  color: #fff;
}
.site-footer {
  padding: 20px 0;
  background-image: url("assets/images/footer-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-left-block {
  padding: 15px;
  background: #f6f6f6;
  height: 100%;
}

.footer-right-block {
  padding: 15px;
  /* background: #efefef; */
  height: 100%;
}

.footer-address ul li {
}

.footer-address ul li {
  font-size: 14px;
  line-height: 21px !important;
  list-style: outside none none;
  padding: 0;
  margin-bottom: 5px;
  display: flex !important;
  color: #666;
}

.footer-address ul li h1,
.footer-address ul li h2,
.footer-address ul li h3,
.footer-address ul li h4,
.footer-address ul li h5,
.footer-address ul li p {
  margin: 0;
}

.footer-address ul li span {
  color: #222;
  font-weight: 700;
  padding-right: 5px;
  float: left;
  background: white;
  box-shadow: 0 0 12px #e2e2e2;
  padding: 5px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  flex: 0 0 31%;
  max-width: 31%;
}

.footer-address ul li span i {
  font-size: 18px;
  padding-right: 10px;
  color: red;
}

.site-footer .widget .menu li a {
  padding-left: 30px;
  display: flex;
  align-items: center;
}
.site-footer .widget .menu li a::before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 0;
  border-radius: 50%;
  background: #fff;
  transition: 0.4s;
}
.site-footer .widget .menu li:hover a::before {
  background: var(--ah-2nd-color);
}
/*-----------------------------------------------------------------------------
calendar widget
------------------------------------------------------------------------------*/
#wp-calendar {
  width: 100%;
  max-width: 37.5rem;
  background: #ccc;
  margin-left: auto;
  margin-right: auto;
}

#wp-calendar caption {
  background: #3299bb;
  color: #fff;
  padding: 0.25rem;
  text-align: center;
}

#wp-calendar thead tr {
  border-right: 1px solid #ccc;
}

#wp-calendar thead th {
  font-size: 90%;
  font-weight: bold;
  padding: 0.25rem;
  background: #ccc;
  text-transform: uppercase;
  text-align: center;
}

#wp-calendar tbody td {
  position: relative;
  padding: 0.125rem;
  text-align: center;
  border: 1px solid #ccc;
  background: #fff;
}

#wp-calendar tbody td.pad {
  opacity: 0.7;
}

#wp-calendar tbody td#today {
  font-weight: bold;
}

#wp-calendar tbody td#today:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #999;
  border-left: 10px solid transparent;
}

#wp-calendar tbody td a {
  display: block;
  background: rgba(50, 153, 187, 0.2);
}

#wp-calendar tbody td a:hover {
  background: #3299bb;
  color: #fff;
}

#wp-calendar tfoot tr {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #ccc;
}

#wp-calendar tfoot tr td {
  border: 0;
  padding: 0;
}

#wp-calendar tfoot tr a {
  display: block;
  padding: 0.25rem 0.75rem;
}

#wp-calendar tfoot tr a:hover {
  background: #fff;
}

#wp-calendar tfoot tr #prev {
  text-align: left;
}

#wp-calendar tfoot tr #next {
  text-align: right;
}
/*-----------------------------------------------------------------------------
13.2 breadcrumbs
------------------------------------------------------------------------------*/
.cw_breadcrumbs {
  /*background-image: url(assets/images/breadcrumbs.jpg);*/
  padding: 35px 0;
  background-repeat: repeat;
  background-size: contain;
  position: relative;
  background-color: #dedede;
}
/*.cw_breadcrumbs:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    -webkit-backdrop-filter: blur(15px);*/
/*    backdrop-filter: blur(1px);*/
/*    background-color: hsl(0deg 1% 16% / 50%);*/
/*    z-index: 1;*/
/*}*/
.cw_breadcrumbs .woocommerce-breadcrumb,
.cw_breadcrumbs .breadcrumbs-container {
  padding: 7px 15px;
  /* background: #00000073; */
  color: #f5f5f5;
  /* border-left: 4px solid var(--ah-1st-color); */
  text-align: left;
  margin: 0;
  background-color: hsl(0deg 0% 0% / 50%);
}
.cw_breadcrumbs .woocommerce-breadcrumb,
.cw_breadcrumbs .breadcrumbs-container {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 5;
  position: relative;
}
.cw_breadcrumbs .woocommerce-breadcrumb a,
.breadcrumbs-item {
  margin: 3px;
  /*font-size: 25px;*/
}
.cw_breadcrumbs .woocommerce-breadcrumb a,
.cw_breadcrumbs .breadcrumbs-item a {
  color: #fff;
}
/*-----------------------------------------------------------------------------
13.2 svg icon
------------------------------------------------------------------------------*/
svg.icon {
  height: 1em;
  width: 1em;
}

/*-----------------------------------------------------------------------------
 common post item home page
------------------------------------------------------------------------------*/
.post-item-container {
  position: relative;
  max-width: 100%;
  overflow: auto;
  /*    background: #fff;*/
}

.post-item {
  margin: 0;
  padding: 8px;
  display: block;
  width: 100%;
  overflow: auto;
  background: #fff;
}

.item-box {
  position: relative;
}

.post-image {
  position: relative;
  width: 21%;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}
.post-image img {
  transform: scale(1);
  transition: 0.4s;
}
.caption p {
  margin: 0;
  line-height: 24px;
  font-size: 16px;
  color: #000;
}

h2.post-title-header {
  font-size: 25px;
  padding: 5px;
  line-height: 24px;
  color: #000;
}
.post-title {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  /* font-weight: bold;
    word-wrap: break-word; */
  margin: 0;
  /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px; */
  padding: 0 2px;
}
.post-title a {
  display: block;
  font-weight: 600;
}
.post-title i {
  color: var(--bg-color);
}
.caption a {
  color: #000;
  word-wrap: break-word;
}
.post-item .content {
  font-size: 17px;
  margin: 0;
}
.post-item:hover img {
  transform: scale(1.1);
}
.post-category {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 8px;
  line-height: 1;
  color: #fff;
}
.more-btn {
  text-align: right;
  padding: 5px 10px;
}
.more-btn a {
  color: var(--bg-color);
}
/*
.post-item-container:hover .post-image img {
    transform: scale(1.2);
}
*/

/*-----------------------------------------------------------------------------
    copyright section
------------------------------------------------------------------------------*/
.copyright-section {
  margin-top: 25px;
}
.Copyright {
  padding-top: 25px;
  border-top: 1px solid #818698;
}

.copyright-text {
  width: 100%;
  margin-bottom: 5px;
  color: #ebebeb;
  font-size: 16px;
  line-height: 16px;
  padding: 0;
  text-transform: none;
  text-align: center;
  font-family: sans-serif;
}
.copyright-text a {
  font-family: inherit;
}
.section-404 {
  padding-top: 80px;
  padding-bottom: 80px;
  background-attachment: fixed;
  background-image: url(assets/images/404.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.container-404 {
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
/*==================================================
    Contactus section
==================================================*/