/*

 Theme Name:  womenfpal

 Theme URI:   https://www.womenfpal.com

 Description:  womenfpal Custom Theme

 Author:       womenfpal

 Version:      2.0.0

*/
body{margin: 0; direction: rtl; width: 100%; max-width: 100%; overflow-x: hidden;}

@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/womenfpal/assets/fonts/NotoKufiArabic-Regular.eot);
  src: url(/wp-content/themes/womenfpal/assets/fonts/NotoKufiArabic-Regular.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/womenfpal/assets/fonts/NotoKufiArabic-Regular.woff2) format('woff2'), url(/wp-content/themes/womenfpal/assets/fonts/NotoKufiArabic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Kufi Arabic Bold';
  font-style: bold;
  font-weight: 700;
  src: url(/wp-content/themes/womenfpal/assets/fonts/NotoKufiArabic-Bold.eot);
  src: url(/wp-content/themes/womenfpal/assets/fonts/NotoKufiArabic-Bold.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/womenfpal/assets/fonts/NotoKufiArabic-Bold.woff2) format('woff2'), url(/wp-content/themes/womenfpal/assets/fonts/NotoKufiArabic-Bold.ttf) format('truetype');
}

ul li{
	list-style:none;
}
a {
	text-decoration:none;
}

body{
	font-family: 'Noto Kufi Arabic';
}

.b_headergright{
	background-image: url(/wp-content/themes/womenfpal/assets/img/right_bg.png);
    background-repeat: repeat-x;
    right: 0;
    top: 0;
    height: 148px;
    position: absolute;
    width: 50%;
}
.b_headergleft{
	background-image: url(/wp-content/themes/womenfpal/assets/img/website-5_01.png);
    background-repeat: repeat-x;
    left: 0;
    top: 0;
    height: 148px;
    position: absolute;
    width: 50%;
}
.main_bg_header{
	background-repeat: repeat-x;
    left: 0;
    top: 0;
    right: 0;
    height: 148px;
    position: absolute;
}
.bg_curv {
    position: absolute;
    right: -21px;
    top: 0px;
}
.header-container{
    width:1170px;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto!important;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer{
	color: #fff;
}
footer a{
	color: #8e8683;
}
.menu_search i{
	color: #fff;
	font-size: 22px;
	padding: 13px 5px;
}
.container{
    width:1170px;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    
    padding: 15px;
    box-sizing: border-box;
    padding-top: 20px;
    margin-top: 20px;

}
.pg-body .container{
    background: #fff;
    padding: 15px;
}
.Womencontent{
	position:relative;
}
a.logo {
    height: 148px;
    float: right;
    position: absolute;
    right: 0;
    z-index: 1000;
    top: 1px;
}
/* Header Menu */
.mainContent {
    margin-top: 118px!important;
    float: right;
    width: 100%;
    display: inline-table;
}
.mainContent ul li {
  float: right;
  /* width: 14.28%; */
  margin-left: 2px;position:relative;
}
.Container_menu {
  width: 100%;
  background-color: #333;
  float: right;
}
.submenu li:last-child {
border:none;
}
.submenu li {
    padding: 0;
    width: 100%;
    border-bottom: solid thin #cca7ac;
}
.menu ul li:hover .submenu{
   transition: width 2s, height 4s;
display:block !important; transition: width 2s, height 2s, transform 2s;
transition-property: width;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;
 
}
.submenu li a:hover{
background-color:#333 !important;
}
.submenu li a {
    font-size: 16px !important;
    font-weight: bold;
    text-align: center;
    padding: 0 !important;
    width: 100%;
    float: right; background-color: #960014;
}
.submenu{
    position: absolute;
    top: 48px;
   
    z-index: 1000;width:156px;
}
.menu ul {
  margin: 0 !important;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.menu ul .active {
  background-color: #960014;
}
a:hover , a:focus,a:active{
text-decoration:none;
}
.menu ul li a {
    color: #ffffff;
    font-size: 20px;
    /* font-weight: bold; */
    /* padding: 10px; */
    line-height: 48px;
    padding: 4px 18px;
}
.menu ul li a:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: #960014;
}
.footer .Subffoter li {
    line-height: 42px;
}
.footer .Subffoter li a {
    font-size: 17px;
    color: #8e8683;
}
.footer-title{
    font-size:14px;
}
.footer-title a{
    font-size:14px;
}
.footer-title .wp-block-post-date{
    margin-top: 10px;
}
.socialMediaFooter {
    float: left;
    direction: ltr;
    text-align: left;
    width: 100%;
}
.socialMediaFooter li {
    line-height: 33px;
    font-size: 18px;
    position: relative;
    width: 100px;
    display: grid;
    clear: both;
    float: none;
    margin: 0 auto;
}
.socialMediaFooter li a {
    color: #f1f1f1;
    font-family: monospace;
    width: 88px;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0;
    height: 29px;
    margin-bottom: 7px;
    border-radius: 1px;
}
.fbContainerFooter {
    position: absolute;
    left: 68px;
    /* z-index: 100; */
    padding-left: 24px;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    /* left: 0; */
    width: 100%;
    transform: translateY(-1em);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
a:hover{
    text-decoration: none!important;
    cursor: pointer;
}
.footer-container>*{
    flex:25%;
}
.footer-container>*:last-child{
    align-items: flex-end;
}
.footer-container>*:first-child{
    /*padding-right: 0;*/
}
.fbFooter {
    color: #fff;
    background-color: #3b5998;
}
.twitterFooter {
    color: #fff;
    background-color: #54abed;
}
.youtubeFooter {
    color: #fff;
    background-color: #cc181e;
}
.soundcloudFooter {
    color: #fff;
    background-color: #da5700;
}
body{
    background-image: url(/wp-content/themes/womenfpal/assets/img/backgroundTexture.jpg);
}
.pg-body{
    width: 1170px;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    /*background:#fff;*/
}
header{
    /*height: 196px;*/
}
.mainHeader{
	padding-top:30px;
	/*padding-bottom:30px;*/
	display: flex;
	position: relative;
}
ul.wp-block-post-template{
	padding-right: 0;
	margin: 0;
	float: right;
	width: 100%;
}
.wp-block-group{
	padding: 0;
}
.columns-2{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
}
.columns-3{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
}
.columns-2-flex{
	display: flex;
	justify-content: space-between;
}
.columns-4{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.releases .wp-block-query .columns-2{
	grid-template-columns: minmax(30%, 50%) minmax(50%, 65%);
}
.is-vertical{
	flex-direction: column;
}
img{
	max-width: 100%;
}
.side-bar{
    flex: 30%;  
}
.left_side > div{
    background: #fff;
}
.pg-w-side-bar .main-body{
    flex:70%;
}
.pg-w-side-bar{
    align-items: flex-start;
    margin-top: 15px;
    column-gap:30px;
    display: flex;
}
.left_side .titleWomen {
    background-image: url(./assets/img/woman_t_short.png);
    width: 100%;
    float: right;
    background-repeat: no-repeat;
    line-height: 46px;
    color: rgb(0, 154, 56);
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 4px;
    margin-bottom: 7px;
}
.side-bar li a{
    font-size: 14px;  
    color: #333;
}
.side-bar li img{
    width: 150px;
    height: 100px;
}
.side-bar li figure;{
    width: 150px;
    height: 100px;
}
.side-bar .wp-block-columns{
    display: contents;
}
.side-bar .wp-block-columns>div:first-child{
    width: 150px;
    float: right;
}
.side-bar .wp-block-columns>div:last-child{
    width: calc(100% - 160px);
    float: left;
}
.search_news .wp-block-columns{
    display: contents;
}
.search_news .wp-block-columns>div:first-child{
    width: 150px;
    float: right;
}
.search_news .wp-block-columns>div:last-child{
    width: calc(100% - 160px);
    float: left;
}
.search_news li{
    height: 110px;
    overflow: hidden;
}
.side-bar li{
    height: 110px;
    overflow: hidden;
}
.side-bar .left_side>div{
    padding: 20px;
}
.border-img img{
  border-right: solid 2px #dc0025;
  padding-right: 4px;
  border-left: solid 2px #009a38;
  padding-left: 4px;
  box-sizing: border-box;
}
.taxonomy-category{
    background: #fff;
    padding: 20px;
    margin-bottom: 15px;
}
.pg-w-side-bar .main-body .single-content{
    background: #fff;
    padding: 20px;
    display: block;
}
.taxonomy-category a{
    color:#337ab7;
    font-weight: bold;
}
.taxonomy-category a:hover{
    color:#23527c;
}

.pg-w-side-bar .main-body .single-content .featured-image{
    width: 360px;
    height: 260px;
    float: left;
    margin-right: 10px;
}
.pg-w-side-bar .main-body .single-content .featured-image-w-author{
    height: 308px;
}
.pg-w-side-bar .main-body .single-content .featured-image figure{
    width: 360px;
    height: 260px;
    float: left;
}
.pg-w-side-bar .main-body .single-content .featured-image figure img{
    width: 360px;
    height: 260px;
}
.pg-w-side-bar .main-body .single-content .entry-content{
    display: contents;
}
.single-seperator{
    margin-bottom: 15px!important;
}
.taxonomy-post_tag a{
    color:#fff;
    background: #dc0025;
    border-bottom: #009a38 2px solid;
    border-top: #000000 2px solid;
    padding: 2px 13px;
}
.cat-page li{
    border-bottom: solid 1px #333;
}
.cat-page{
    width: 100%;
}
.author-content{
    width: 100%;
    background: #009a38;
    color: #fff;
}
.content-date{
    color: #dc0025;
    font-size: 14px;
    align-items: baseline;
}
.pagination-div{
    margin-top: 15px;
    color: #dc0025;
    padding-top: 10px;
    width: 100%;
    justify-content: center;
}

.pagination-div div>*{
    padding: 0 10px;
    background:#fff;
    color: #dc0025;
    border: solid 1px;
    border-color: #ddd;
}
.pagination-div > a{
    margin: 0 10px;
    background:#fff;
    padding: 0 10px;
    color: #dc0025;
    border: solid 1px;
    border-color: #ddd;
}
.pagination-div > a span{
    margin: 0!important;
}
.pagination-div a:hover{
    background:#eee;
    color: #23527c;
}
.pagination-div .current{
    background:#dc0025;
    color: #fff;
}
.field-author_name a{
    color: #dc0025;
    font-size: 16px;
}
.featured-image-w-author .field-author_name a{
    color: #fff;
}
.wp-block-post-title{
    margin-top: 0;
}
.category-designs .featured-image, .category-photo-album .featured-image, .category-photo-from-memory .featured-image{
    display: none;
}
.socialMediaFooter li{width:100%;float:right;}
.socialMediaFooter {
    float: left;
    direction: ltr;
    text-align: left;width:100%;
}
.socialMediaFooter li {
    line-height: 33px;
    font-size: 18px;
    position: relative;
    width: 100px;
    display: grid;
    clear: both;
    float: none;
    margin: 0 auto;
}
.is-layout-flex{
	flex-wrap: nowrap;
}
figure.is-layout-flex{
	flex-wrap: wrap;
}
.eroor404page .mainarea{
	margin: 100px 0;
}
.eroor404page .mainarea a{
	color: #960014;
	font-weight: bold;
}
.eroor404page #searchsubmit{
	background: #960014;
	color: #ffffff;
	padding: 5px;
}
.eroor404page #s{
	height: 22px;
	margin-top: 3px;
}
.cat-title {
	margin-top: 20px;
}
.cat-title h1{
	width: 100%;
}
.cat-img{
	min-width: 250px;
}
.archive-name{
	font-size: 22px;
	margin-bottom: 20px;
}
.archive-name a{
	color: #000;
}
.author-info{
	display: flex;
}
.news-list .author-info{
	padding-top:  10px;
	border-top: #d1d1d1 solid 1px;

}
.author-info .author_image img{
	border-radius: 50%;
	overflow: hidden;
	height: 150px;
	width: 150px;
	object-fit: cover;
}
.list-one-column a{
	color: #333;
}
.list-one-column a>div{
	border-top: #d1d1d1 solid 1px;
}
.socialMediaFooter li a {
    color: #f1f1f1;
    font-family: monospace;
    width: 88px;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0;
    height: 29px;
    margin-bottom: 7px;
    border-radius: 1px;
}
.socialMediaFooter > li:hover .fbContainerFooter{
visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
.Footerlang a {
    background-color: #3b5998;
    line-height: 36px !important;
    color: #fff !important;
}
.Footerlang1  a{
    background-color: #54abed;
    line-height: 36px !important;
    color: #fff !important;
}
.Footerlang2  a{
    background-color: #cc181e;
    line-height: 36px !important;
    color: #fff !important;
}
.Footerlang3  a{
    background-color: #da5700;
    line-height: 36px !important;
    color: #fff !important;
}
.Footerlang4  a{
    background-color: #da5700;
    line-height: 36px !important;
    color: #fff !important;
}
.header-container .wp-block-search__button svg{
    transform: rotateY(180deg);
}
.header-container .wp-block-search__button {
    background-color: #960014;
    width: 50px;
}
.mainslider img {
  width: 100%;
}
.mainslider .bottom img {
  height: 124px;
}
.mainslider .bottom ul li div:hover h2 {
  display: inline-table !important;
  cursor: pointer;
}
.mainslider .bottom ul li div h2 {
  position: absolute;
  background-color: rgba(150, 0, 20, 0.8);
  top: 15px;
  right: 15px;
  /* right: -5px; */
  /* bottom: 11px; */
  /*padding: 5px;*/
  font-size: 13px;
  text-align: center;
  margin: 0;
  display: none;
  height: 94px;
  /* padding-right: 22px; */
}
.mainslider .bottom ul li div h2 a{
padding:10px 5px;
height: 100%;
color: #fff;
display: table-cell;
}
.mainslider .bottom {
  float: right;
  /*margin-bottom: 16px;*/
}
.mainslider .bottom ul li:first-child {
  float: right;
}
.mainslider .bottom ul li:nth-child(2) {
  float: right;
  margin: 0 auto;
  /* display: inline-block; */
  margin-right: 10px;
}
.mainslider .bottom ul li:last-child {
  float: left;
}
.mainslider .bottom ul li {
  width: 32%;
  float: right;
  position: relative;
}
.mainslider .top {
  position: relative;
  margin-bottom: 10px;
}
.mainslider .top .wp-block-post-title a {
text-align:justify;
  position: absolute;
  right: 0;
  background-color: rgba(150, 0, 20, 0.8);
  bottom: 0;
  color: #fff;
  padding: 5px 10px;
  font-size: 18px;
  border-radius: 3px 0 0 0;
}
.mainslider .bottom ul li div h2 {
    width: calc(100% - 31px);
}
.mctrss{
background:#da5700 !important;color:#fff !important;

}
.mctrss:after{
background:#da5700 !important;color:#fff !important;
}
.mctrss:before{
background:#da5700 !important;color:#fff !important;
}

.mctfacebook{
background:#3B5998 !important;color:#fff !important;

}
.mctfacebook:after{
background:#3B5998 !important;color:#fff !important;
}
.mctfacebook:before{
background:#3B5998 !important;color:#fff !important;
}


.mctyoutube{
color:#fff !important;

}
.mctyoutube:after{
background:#cc181e ;color:#fff !important;
}
.mctyoutube:before{
background:#cc181e ;color:#fff !important;
}


.mcttwitter{
background:#55ACEE ;color:#fff !important;

}
.mcttwitter:after{
background:#55ACEE ;color:#fff !important;
}
.mcttwitter:before{
background:#55ACEE ;color:#fff !important;
}
.socialMedia_sectionUL li .seDivContainer .se {
  width: 34px;
}
.socialMedia_sectionUL {
  float: right;
  margin: 0;
  width: 100%;
  padding-right:0 ;
  height: 160px;
}
.socialMedia_sectionUL li{
  position: relative;
}
.seDivContainer {
  width: 100%;
  margin: 0 auto;
  float: none;

  height: 111px;
  padding-top: 36px;
}
.socialMedia_sectionUL div.se {
  position: absolute;
  right: 39%;
  top: 36%;

  z-index: -1;
}
.socialMedia_sectionUL > li {
  position: relative;
}
.socialMedia_sectionUL li {
  float: right;
  width: 16.6%;
  text-align: center;    z-index: 100000;height:144px;
}
.socialmediaBox{padding-bottom:0 !important}
.mctInsgram {
    background: #8b25a5 !important;
    color: #fff !important;
}
.instagramFooter {
    background-color: #8b25a5;
}
.telegramFooter{
background-color:#4894f2;
}

.mctTelegram {
    background: #4894f2 !important;
    color: #fff !important;
}
.se a span{
  line-height: 26px;
  font-size:11px;
}
.display-block{display:block!important;}
.full-screen{width: 100%;}
.hide {display: none;}
.borderSection {
    border-bottom: solid thin #9e9996;
    width: 100%;
    left: 0;
    right: 0;
    top: 71px;
    position: absolute;
}
.titleWomen {
    background-image: url(./assets/img/woman_t_tall.png);
    width: 100%;
    float: right;
    background-repeat: no-repeat;
    line-height: 46px;
    margin-bottom: 5px;
    color: #009a38;
    font-weight: bold;
    font-size: 20px;
    /* border-bottom: solid thin #b45d3f; */
    padding-bottom: 4px;
    margin-bottom: 15px;
    margin-top: 0;
}
.news_section {
  height: 280px;
    overflow: hidden;
    width: 100%;
}
.news_section .right {
    float: right;
    width: calc(100% - 525px);
    margin-top: 15px;
  height: 280px;
    overflow: hidden;
    /*width: calc(100% - 480px);*/
}
.news_section .left {
    float: left;
    width: 480px;
    padding-left: 30px;
    position: relative;
    height: 280px;
    overflow: hidden;
}
.home-gallery figure a, .home-gallery figure a img{
  max-width:100%;
  width:100%;
  height: 260px;
}
.home-gallery h2 a{
  padding: 15px;
  background-color: #ffffff;
  overflow: hidden;
  float: right;
  width: 95%;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #337ab7;
}
.home-gallery h2 a:hover{
  color: #23527c;
}
.home-gallery{
  width: 1170px;
  width: 100%;
  max-width: 1170px;
  background-image: url(/wp-content/themes/womenfpal/assets/img/backgroundTexture.jpg)!important;
  padding: 0!important;
}
.album a.Name {
    padding-top: 10px !important;
    padding-bottom: 6px !important;
    background-color: #960014;
    color: #fff;

}
.album a {
   
    background-color: #fff;
    overflow: hidden;
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}
.album > div {
    overflow: hidden;
    background: #fff;
}
.album .wp-block-query{
  padding: 10px 15px;
}
.album{
  column-gap: 25px;
}
.news_section h2 a {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.section_reports h2 a, .interviews h2 a {
  font-size: 21px;
  font-weight: bold;
  color: #333;
}
.section_reports li {
  height: 180px;
  overflow: hidden;
}
.section_reports li figure, .interviews li figure{
  height: 180px;
  width: 250px;
  display: contents;
}
.section_reports li img, .interviews li img{
  height: 180px;
  width: 250px;

}
.section_reports .wp-block-group > h2, .interviews .wp-block-group > h2{
  flex:55%;
}
.section_reports .wp-block-group > figure, .interviews .wp-block-group > figure{
  flex:45%;
}
.section_articles li, .prisoners li {
  height: 180px;
  overflow: hidden;
  background-color: #f3f3f3;
}
.prisoners li {
  padding: 15px;
  box-sizing: border-box;
}
.section_articles li:hover, .prisoners li:hover {
  background-color: #e8e5e5;
}
.section_articles li h2 a, .prisoners li h2 a {
  color:#333;
  font-size: 20px;
  font-weight: bold;
}
.section_articles li .field-author_name a {
  color:#dc0025;
  font-size: 16px;
}
.section_articles li img {
  width: 150px;
  height: 150px;
  margin-top: 20px;
}
.section_articles li figure {
  width: 170px;
  float: right;
}
.prisoners li img {
  width: 150px;
  height: 100px;
}
.prisoners li figure {
  height: 100px;
  width: 150px;
  display: contents;
}
.prisoners .img-title {
  height: 150px;
  width: 150px;
  gap:0;
  flex-wrap: nowrap;
}
.prisoners .img-title .wp-block-post-title{
  height: 50px;
  width: 150px;
  font-size: 12px;
  color: #ffffff;
  background-color: #333;
  padding: 4px 0;
  text-align: center;
}
.releases li figure {
  width: 200px;
  height: 300px;
}
.releases li figure a {
  width: 200px;
  height: 300px;
}
.releases li img {
  width: 200px;
  height: 300px;
}
.releases li h2 a {
  font-size: 20px;
  font-weight: bold;
  color: #337ab7;
}
.releases li h2 a:hover {
  color: #23527c;
}
.mainslider .top img, .mainslider .top figure, .mainslider .top div{
  height: 300px;
  position: relative;
}
.type-opinion_articles .post-meta{
	padding: 20px;
}
.type-opinion_articles .wp-block-post-title{
	margin-bottom: 5px;
}
.article-author a{
	font-size: 16px;
	color: #dc0025;
}
.article-author, .article-author h3 {
	margin-top: 5px;
}
/*--------------------------*/

/* ---------------------------------------------------------------------- 
* Product Name: CSS3 Hexagon Buttons
* Product URI: http://shariarbd.com/demo/css3-hexagon-buttons/
* Author: Shariar
* Author URI: http://shariarbd.com/
* Description: CSS3 Hexagon Buttons created with pure css3 by Shariar
* Version: 1.0.1
* License: The MIT License (MIT)
* Tags: CSS3 Hexagon Buttons, social buttons, buttons
* ---------------------------------------------------------------------- */




/*---------------------------------------------------------------------- /
Table of Contents 
------------------------------------------------------------------------ /
* 1.0 - Class Description 
* 2.0 - Button style
* 	2.1 - Default Button style
*	2.2 - Large Button style 
*	2.3 - Medium Button style 
*	2.4 - Small Button style 
*	2.5 - Extra Small Button style 
* 3.0 - Margin of hexagon
* 4.0 - Buttons Effects
* 5.0 - Buttons Color
* 	5.1 - Default Colors
*	5.2 - Default hover colors
*	5.3 - Custom Button colors
* 	5.4 - Custom Button hover colors
* 6.0 - Specific Button colors 
*	6.1 - Facebook
*	6.2 - Twitter
*	6.3 - Google Plus
*	6.4 - Youtube
*	6.5 - Linkedin
*	6.6 - Tumblr
*	6.7 - RSS
*	6.8 - Pinterest
*	6.9 - Vimeo
* 	6.10 - Github
*	6.11 - Flickr
*	6.12 - Dropbox
*	6.13 - Xing
*	6.14 - Skype
*	6.15 - dribbble
*	6.16 - tencent-weibo

------------------------------------------------------------------------ /
Table of Contents End
------------------------------------------------------------------------*/




/* 1.0 - Class Description 
------------------------------------------------------------------------ 

hb    		= Hexagon Buttons
hb-custom 	= Custom Hexagon Buttons
hb-lg 		= Large Hexagon        = width : 256px
hb-md 		= Medium Hexagon       = width : 128px
hb-sm 		= Small Hexagon        = width : 64px
hb-xs 		= Extra Small Hexagon  = width : 32px
spin		= Spin hole button on hover
spin-icon	= Spin icon on hover
inv 		= Inverse Behaver of buttons 

* 1.0 -Class Description End
------------------------------------------------------------------------*/




/* 2.0 - Button style
------------------------------------------------------------------------*/

/* 2.1 - Default Button style
-------------------------------------------------*/
.hb {
	display: inline-block;
	position:relative;
	text-align: center; /*  Default text align center */
	z-index: 0;
}

.hb:before,
.hb:after {
	position: absolute;
	content: "";  
	left: -1px;
	top: 0;
	z-index: -1;
}

.hb:before {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
}

.hb:after {
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.hb i {
	z-index: 9;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}


.hb,
.hb:before,
.hb:after { 
	 /*box-sizing: border-box;*/

	 /* default transition time is set .25s = 250 millisecond  
	 Uncomment following if you want to set transition on hexagon color change */ 

	 /*-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;*/
}


/* 2.1 - Default Button style End
-------------------------------------------------*/



/* 2.2 - Large Button style 
-------------------------------------------------*/

.hb-lg {
	line-height: 150px;
	font-size: 150px;
	margin: 74px 0px; /* Original output, margin 0 of the button */ 
	/*margin: 89px 15px;*/ /* New output, margin 15px of the button,  74 + 15 = 89 */  
}
.hb-lg ,
.hb-lg:before,
.hb-lg:after { 
	height: 148px;
	width: 256px; 
} 

/* 2.2 - Large Button style  End
-------------------------------------------------*/



/* 2.3 - Medium Button style 
-------------------------------------------------*/

.hb-md {
	line-height: 74px;
	font-size: 74px;
	margin: 37px 0px; /* Original output, margin 0 of the button */ 
	/*margin: 52px 15px;*/ /* New output, margin 15px of the button,  37 + 15 = 52 */ 
}
.hb-md ,
.hb-md:before ,
.hb-md:after {
	height: 74px;
	width: 128px; 
} 

/* 2.3 - Medium Button style End
-------------------------------------------------*/



/* 2.4 - Small Button style 
-------------------------------------------------*/

.hb-sm {
	line-height: 37px;
	font-size: 37px;
	margin: 18.5px 0px; /* Original output, margin 0 of the button */ 
	/*margin: 33.5px 15px;*/ /* New output, margin 15px of the button,  18.5 + 15 = 33.5 */ 
	
}
.hb-sm ,
.hb-sm:before ,
.hb-sm:after {
	height: 37px;
	width: 64px; 
} 

/* 2.4 - Small Button style  End
-------------------------------------------------*/



/* 2.5 - Extra Small Button style 
-------------------------------------------------*/
.hb-xs {
	line-height: 18.5px;
	font-size: 18.5px;
	margin: 9.5px 0px; /* Original output, margin 0 of the button */ 
	left:5px;
	/*margin: 33.5px 15px;*/ /* New output, margin 15px of the button,  9.5 + 15 = 24.5 */ 
}
.hb-xs, .hb-xs:before, .hb-xs:after {
    height: 29px;
    width: 47px;
}

/* 2.5 - Extra Small Button style  End
-------------------------------------------------*/



/* 2.0 - Button style End
------------------------------------------------------------------------*/



/* 3.0 - Margin of hexagon
------------------------------------------------------------------------*/
.hb-lg-margin {
	margin: 15px;
}
.hb-md-margin {
	margin: 15px;
}
.hb-sm-margin {
	margin: 15px;
}
.hb-xs-margin {
	margin: 15px;
}
.hb-lg-margin,
.hb-md-margin,
.hb-sm-margin,
.hb-xs-margin {
	display: inline-block;
	overflow: hidden;
}
.hb-lg-margin {
	height: 296px;
	width: 256px;
}
.hb-md-margin {
	height: 148px;
	width: 128px;
}
.hb-sm-margin {
	height: 74px;
	width: 64px;
}
.hb-xs-margin {
	height: 38px;
	width: 32px;
}

/* 3.0 - Margin of hexagon End
------------------------------------------------------------------------*/



/* 4.0 - Buttons Effects
------------------------------------------------------------------------*/
.spin,
.spin-icon i {
	-webkit-transition: -webkid-transform .25s  ease;
	   -moz-transition: -moz-transform .25s  ease;
	    -ms-transition: -ms-transform .25s  ease;
	     -o-transition: -o-transform .25s  ease;
	        transition: transform .25s  ease;
}

.spin-icon:hover i,
.spin:hover {
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
	    -ms-transform:rotate(360deg);
	     -o-transform:rotate(360deg);
			transform:rotate(360deg);	
}
/*4.0 - Buttons Effects
------------------------------------------------------------------------*/




/* 5.0 - Buttons Color
------------------------------------------------------------------------*/
/* 5.1 - Default Colors
-------------------------------------------------*/
.hb,
.hb:before,
.hb:after {
	background-color: #2c3e50;  /*  Default background color  */ 
	border-left:1px solid #2c3e50;
	border-right:1px solid #2c3e50;
	color: #2ecc71; /* Default font color */
}
/* 5.1 - Default Colors End
-------------------------------------------------*/


/* 5.2 - Default hover colors
-------------------------------------------------*/
.hb:hover,
.hb:hover:before,
.hb:hover:after {
	background: transparent;  
	border-left:1px solid #2ecc71;
	border-right:1px solid #2ecc71;  
	color: #2ecc71; /* Default hover font color */
}
/* 5.2 - Default hover colors end
-------------------------------------------------*/



/* 5.3 - Custom Button colors
-------------------------------------------------*/
.hb-custom,
.hb-custom:before,
.hb-custom:after {
	background: #f39c12 !important;  /*  Custom background color  */
	color: white!important; /* Custom font color */
	/*font-size:20px;*/ /* Custom font size */
	border-left:1px solid #f39c12 !important;;
	border-right:1px solid #f39c12 !important;; 
}
/* 5.3 - Custom Button colors End
-------------------------------------------------*/



/* 5.4 - Custom Button hover colors
-------------------------------------------------*/
.hb-custom:hover,
.hb-custom:hover:before,
.hb-custom:hover:after {
	background: #f1c40f !important;  
	border-left:1px solid #f1c40f !important;;
	border-right:1px solid #f1c40f !important;; 
	color: black!important; /* Custom hover font color */
}
/* 5.4 - Custom Button hover colors End
-------------------------------------------------*/
/* 5.0 - Buttons Color End
------------------------------------------------------------------------*/




/* 6.0 - Specific Button colors 
------------------------------------------------------------------------*/
/* 6.1 - Facebook
-------------------------------------------------*/
.hb-facebook,
.hb-facebook:before,
.hb-facebook:after {
	background: #3B5998;
	border-color: #3B5998;
	color: #ffffff;
}
.hb-facebook:hover,
.hb-facebook:hover:before,
.hb-facebook:hover:after {
	    /* background: transparent; */
    border-color: #3B5998;
    color: #fff;
    background-color: #466cbb;
}

/* Facebook inverts */
.hb-facebook-inv,
.hb-facebook-inv:after,
.hb-facebook-inv:before {
	color: #3B5998;   
	border-color: #3B5998;
	background: transparent;
}
.hb-facebook-inv:hover,
.hb-facebook-inv:hover:after,
.hb-facebook-inv:hover:before {
	background: #3B5998; 
	border-color: #3B5998;
	color: #ffffff;  
}
/* 6.1 - Facebook End
-------------------------------------------------*/


/* 6.2 - Twitter
-------------------------------------------------*/
.hb-twitter,
.hb-twitter:before,
.hb-twitter:after  {
	background: #55ACEE;
	border-color: #55ACEE;
	color: #ffffff;
}

.hb-twitter:hover,
.hb-twitter:hover:before,
.hb-twitter:hover:after   {
	background-color:#63b9fb;
	border-color: #55ACEE;
	color: #fff;
}

/* Twitter inverts */
.hb-twitter-inv,
.hb-twitter-inv:after,
.hb-twitter-inv:before {
	background: transparent;
	border-color: #55ACEE;
	color: #55ACEE;
}
.hb-twitter-inv:hover,
.hb-twitter-inv:hover:after,
.hb-twitter-inv:hover:before {
	background: #55ACEE;
	border-color: #55ACEE;
	color: #ffffff;
}
/* 6.2 - Twitter End
-------------------------------------------------*/



/* 6.3 - Google Plus
-------------------------------------------------*/
.hb-google-plus,
.hb-google-plus:before,
.hb-google-plus:after {
	background: #db514f;
	border-color: #db514f;
	color: #ffffff;
}
.hb-google-plus:hover,
.hb-google-plus:hover:before,
.hb-google-plus:hover:after {
	background:transparent;
	border-color: #db514f;
	color: #db514f;
}
 
/* google-plus inverts */
.hb-google-plus-inv,
.hb-google-plus-inv:after,
.hb-google-plus-inv:before {
	background:transparent;
	border-color: #db514f;
	color: #db514f;
}
.hb-google-plus-inv:hover,
.hb-google-plus-inv:hover:after,
.hb-google-plus-inv:hover:before {
	background: #db514f;
	border-color: #db514f;
	color: #ffffff;
}
/* 6.3 - Google Plus End
-------------------------------------------------*/


/* 6.4 - Youtube
-------------------------------------------------*/
.hb-youtube,
.hb-youtube:before,
.hb-youtube:after {
	background: #cc181e;
	border-color: #cc181e;
	color: #ffffff;
}
.hb-youtube:hover,
.hb-youtube:hover:before ,
.hb-youtube:hover:after {
	    background: transparent;
    border-color: #cc181e;
    color: #fff;
    background-color: #e4373d;
   
}

/* youtube inverts */
.hb-youtube-inv, 
.hb-youtube-inv:after,
.hb-youtube-inv:before {
	background:transparent;
	border-color: #cc181e;
	color: #cc181e;
}
.hb-youtube-inv:hover,
.hb-youtube-inv:hover:after,
.hb-youtube-inv:hover:before {
	background: #cc181e;
	border-color: #cc181e;
	color: #ffffff;
}
/* 6.4 - Youtube End
-------------------------------------------------*/

/* 6.5 - Linkedin
-------------------------------------------------*/
.hb-linkedin,
.hb-linkedin:before,
.hb-linkedin:after  {
	background: #8b25a5;
	border-color: #8b25a5;
	color: #ffffff;
}
.hb-linkedin:hover,
.hb-linkedin:hover:before,
.hb-linkedin:hover:after {
	background:#8b25a5;
	border-color: #8b25a5;
	color: #8b25a5;
}

/* linkedin inverts */
.hb-linkedin-inv,
.hb-linkedin-inv:after,
.hb-linkedin-inv:before{
	background:transparent;
	border-color: #8b25a5;
	color: #8b25a5;
}
.hb-linkedin-inv:hover,
.hb-linkedin-inv:hover:after,
.hb-linkedin-inv:hover:before {
	background: #8b25a5;
	border-color: #8b25a5;
	color: #ffffff;
}

/* 6.5 - Linkedin End
-------------------------------------------------*/



/* 6.6 - Tumblr
-------------------------------------------------*/
.hb-tumblr,
.hb-tumblr:before,
.hb-tumblr:after {
	background: #4894f2;
	border-color: #4894f2;
	color: #ffffff;
}

.hb-tumblr:hover,
.hb-tumblr:hover:before,
.hb-tumblr:hover:after {
	background:transparent;
	border-color: #4894f2;
	color: #4894f2;
}

/* Tumblr inverts */
.hb-tumblr-inv,
.hb-tumblr-inv:after,
.hb-tumblr-inv:before  {
	background:transparent;
	border-color: #4894f2;
	color: #4894f2;
}
 .hb-tumblr:hover, .hb-tumblr:hover:before, .hb-tumblr:hover:after {
    background: #4894f2;
    border-color: #4894f2;
    color: #4894f2;
}

/* 6.6 - Tumblr End
-------------------------------------------------*/


/* 6.7 - RSS
-------------------------------------------------*/
.hb-rss,
.hb-rss:before,
.hb-rss:after {
	background: #da5700;
	border-color: #da5700;
	color: #ffffff;
} 

.hb-rss:hover,
.hb-rss:hover:before,
.hb-rss:hover:after {
	background-color:#e6630c;
	border-color: #da5700;
	color: #fff;
}

/* rss inverts */
.hb-rss-inv,
.hb-rss-inv:after,
.hb-rss-inv:before {
	background:transparent;
	border-color: #da5700;
	color: #da5700;
}

.hb-rss-inv:hover,
.hb-rss-inv:hover:after,
.hb-rss-inv:hover:before {
	background: #da5700;
	border-color: #da5700;
	color: #ffffff;
}

/* 6.7 - RSS End
-------------------------------------------------*/



/* 6.8 - Pinterest
-------------------------------------------------*/
.hb-pinterest,
.hb-pinterest:before ,
.hb-pinterest:after  {
	background: #da232a;
	border-color: #da232a;
	color: #ffffff;
}

.hb-pinterest:hover,
.hb-pinterest:hover:before ,
.hb-pinterest:hover:after {
	background:transparent;
	border-color: #da232a;
	color: #da232a;
}

/* Pinterest inverts */
.hb-pinterest-inv,
.hb-pinterest-inv:after,
.hb-pinterest-inv:before {
	background:transparent;
	border-color: #da232a;
	color: #da232a;
}

.hb-pinterest-inv:hover,
.hb-pinterest-inv:hover:after,
.hb-pinterest-inv:hover:before {
	background: #da232a;
	border-color: #da232a;
	color: #ffffff;
}

/* 6.8 - Pinterest End
-------------------------------------------------*/



/* 6.9 - Vimeo
-------------------------------------------------*/
.hb-vimeo,
.hb-vimeo:before,
.hb-vimeo:after {
	background: #20b9eb;
	border-color: #20b9eb;
	color: #ffffff;
}
.hb-vimeo:hover,
.hb-vimeo:hover:before,
.hb-vimeo:hover:after { 
	background: transparent; 
	border-color: #20b9eb;
	color: #20b9eb;
}

/* vimeo inverts */
.hb-vimeo-inv,
.hb-vimeo-inv:after,
.hb-vimeo-inv:before {
	background: transparent; 
	border-color: #20b9eb;
	color: #20b9eb;
}

.hb-vimeo-inv:hover,
.hb-vimeo-inv:hover:after,
.hb-vimeo-inv:hover:before {
	background: #20b9eb;
	border-color: #20b9eb;
	color: #ffffff;
}
 
/* 6.9 - Vimeo End
-------------------------------------------------*/


/* 6.10 - Github
-------------------------------------------------*/
.hb-github,
.hb-github:before ,
.hb-github:after {
	background: #373a3c;
	border-color: #373a3c;
	color: #ffffff;
}

.hb-github:hover,
.hb-github:hover:before ,
.hb-github:hover:after {
	background:transparent;
	border-color: #373a3c;
	color: #373a3c;
}
 
/* github inverts */
.hb-github-inv,
.hb-github-inv:after ,
.hb-github-inv:before {
	background:transparent;
	border-color: #373a3c;
	color: #373a3c;
}
.hb-github-inv:hover,
.hb-github-inv:hover:after ,
.hb-github-inv:hover:before {
	background: #373a3c;
	border-color: #373a3c;
	color: #ffffff;
}
 
/* 6.10 - Github End
-------------------------------------------------*/


/* 6.11 - Flickr
-------------------------------------------------*/
.hb-flickr,
.hb-flickr:before,
.hb-flickr:after {
	background: #ff1981;
	border-color: #ff1981;
	color: #ffffff;
}
  
.hb-flickr:hover,
.hb-flickr:hover:before ,
.hb-flickr:hover:after {
	background:transparent;
	border-color: #ff1981;
	color: #ff1981;
}
 
/* flickr inverts */
.hb-flickr-inv,
.hb-flickr-inv:after,
.hb-flickr-inv:before {
	background:transparent;
	border-color: #ff1981;
	color: #ff1981;
}
.hb-flickr-inv:hover,
.hb-flickr-inv:hover:after,
.hb-flickr-inv:hover:before {
	background: #ff1981;
	border-color: #ff1981;
	color: #ffffff;
}

/* 6.11 - Flickr End
-------------------------------------------------*/


/* 6.12 - Dropbox
-------------------------------------------------*/
.hb-dropbox,
.hb-dropbox:before ,
.hb-dropbox:after {
	background: #007ee5;
	border-color: #007ee5;
	color: #ffffff;
}

.hb-dropbox:hover,
.hb-dropbox:hover:before ,
.hb-dropbox:hover:after {
	background:transparent;
	border-color: #007ee5;
	color: #007ee5;
}
 
/* dropbox inverts */
.hb-dropbox-inv,
.hb-dropbox-inv:after,
.hb-dropbox-inv:before {
	background:transparent;
	border-color: #007ee5;
	color: #007ee5;
}
.hb-dropbox-inv:hover,
.hb-dropbox-inv:hover:after,
.hb-dropbox-inv:hover:before {
	background: #007ee5;
	border-color: #007ee5;
	color: #ffffff;
}

/* 6.12 - Dropbox End
-------------------------------------------------*/


/* 6.13 -  Xing
-------------------------------------------------*/
.hb-xing,
.hb-xing:before,
.hb-xing:after {
	background: #006467;
	border-color: #006467;
	color: #ffffff;
}

.hb-xing:hover,
.hb-xing:hover:before,
.hb-xing:hover:after {
	background:transparent;
	border-color: #006467;
	color: #006467;
}

/* xing inverts */
.hb-xing-inv,
.hb-xing-inv:after,
.hb-xing-inv:before  {
	background:transparent;
	border-color: #006467;
	color: #006467;
}
.hb-xing-inv:hover,
.hb-xing-inv:hover:after,
.hb-xing-inv:hover:before {
	background: #006467;
	border-color: #006467;
	color: #ffffff;
}

/* 6.13 -  Xing End
-------------------------------------------------*/

/* 6.14 - Skype
-------------------------------------------------*/
.hb-skype,
.hb-skype:before , 
.hb-skype:after {
	background: #00aceb;
	border-color: #00aceb;
	color: #ffffff;
}
 
.hb-skype:hover,
.hb-skype:hover:before, 
.hb-skype:hover:after {
	background:transparent;
	border-color: #00aceb;
	color: #00aceb;
}
 
/* skype inverts */
.hb-skype-inv, 
.hb-skype-inv:after, 
.hb-skype-inv:before {
	background:transparent;
	border-color: #00aceb;
	color: #00aceb;
}
.hb-skype-inv:hover,
.hb-skype-inv:hover:after, 
.hb-skype-inv:hover:before {
	background: #00aceb;
	border-color: #00aceb;
	color: #ffffff;
}
  
/* 6.14 - Skype End
-------------------------------------------------*/


/* 6.15 - dribbble
-------------------------------------------------*/
.hb-dribbble,
.hb-dribbble:before,
.hb-dribbble:after {
	background: #ea4c89;
	border-color: #ea4c89;
	color: #ffffff;
}
 
.hb-dribbble:hover,
.hb-dribbble:hover:before, 
.hb-dribbble:hover:after {
	background:transparent;
	border-color: #ea4c89;
	color: #ea4c89;
}

/* dribbble inverts */
.hb-dribbble-inv, 
.hb-dribbble-inv:after,
.hb-dribbble-inv:before {
	background:transparent;
	border-color: #ea4c89;
	color: #ea4c89;
}
.hb-dribbble-inv:hover,
.hb-dribbble-inv:hover:after,
.hb-dribbble-inv:hover:before {
	background: #ea4c89;
	border-color: #ea4c89;
	color: #ffffff;
}
 
/* 6.15 - dribbble End
-------------------------------------------------*/


/* 6.16 - tencent-weibo
-------------------------------------------------*/
.hb-tencent-weibo,
.hb-tencent-weibo:before,
.hb-tencent-weibo:after {
	background: #20B8E5;
	border-color: #20B8E5;
	color: #ffffff;
}
 
.hb-tencent-weibo:hover,
.hb-tencent-weibo:hover:before, 
.hb-tencent-weibo:hover:after {
	background:transparent;
	border-color: #20B8E5;
	color: #20B8E5;
}
  

/* tencent-weibo inverts */
.hb-tencent-weibo-inv,
.hb-tencent-weibo-inv:after, 
.hb-tencent-weibo-inv:before {
	background:transparent;
	border-color: #20B8E5;
	color: #20B8E5;
}
.hb-tencent-weibo-inv:hover,
.hb-tencent-weibo-inv:hover:after, 
.hb-tencent-weibo-inv:hover:before {
	background: #20B8E5;
	border-color: #20B8E5;
	color: #ffffff;
}
 
/* 6.16 - tencent-weibo End
-------------------------------------------------*/



/* 6.16 - tencent-weibo
-------------------------------------------------*/
.hb-instragram,
.hb-instragram:before,
.hb-instragram:after {
	background: #125688;
	border-color: #125688;
	color: #ffffff;
}
 
.hb-instragram:hover,
.hb-instragram:hover:before, 
.hb-instragram:hover:after {
	background:transparent;
	border-color: #125688;
	color: #125688;
}
  

/* tencent-weibo inverts */
.hb-instragram-inv,
.hb-instragram-inv:after, 
.hb-instragram-inv:before {
	background:transparent;
	border-color: #125688;
	color: #125688;
}
.hb-instragram-inv:hover,
.hb-instragram-inv:hover:after, 
.hb-instragram-inv:hover:before {
	background: #125688;
	border-color: #125688;
	color: #ffffff;
}
 
/* 6.16 - tencent-weibo End
-------------------------------------------------*/

/*
	search modal style
*/
.search_modal{
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 11110;
	position: fixed;
	top:0 ;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: RGBA(225, 225, 225, .96);
	visibility: hidden;
	opacity: 0;
	-webkit-transform:scale(1.09);
	transform: scale(1.09);
	transition: opacity .3s, visibility .3s, -webkit-transform .3s;
	transition: opacity .3s, transform .3s, visibility .3s;
	transition: opacity .3s, transform .3s, visibility .3s, -webkit-transform .3s;
	box-sizing: border-box;

}
.dark_theme .search_modal{
	background-color: RGBA(27, 36, 46, .96);
}
.search_modal_active{
	visibility: visible;
	opacity: 1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
.search_modal_top{
	background-color: rgba(0, 0, 0, .12);
	margin-top: 20px;
}
.scontainer{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
	position: relative;
}
.container_narrow{max-width: 960px;}
.scontainer:before,
.scontainer:after,
.group:before,
.group:after{
	content: " ";
	display: table;
}
.scontainer:after,
.group:after{
	clear:both;
}
.search_term{
	width: 75%;
	box-sizing:border-box ;
	border: none;
	padding: 15px 0;
	margin: 0;
	background-color: transparent;
	font-size: 1rem;
	font-weight: 300;
	outline: none;
	color: #960014;
}
@media (min-width: 530px) {
	.search_term{
		font-size: 1.5rem;
	}
}
@media (min-width: 960px) {
	.search_term{
		width: 80%;
		font-size: 3rem;
	}
}
.search_overlay_close{
	/*position:absolute;
	top:13px;
	left: 16px;*/
	font-size: 2.1rem;
	cursor: pointer;
	transition: all .3s;
	
	color: #960014;
	line-height: .7;
}
@media (min-width:530px) {
	.search_overlay_close{
		top: 18px;
		font-size: 2.1rem;
	}
}
@media (min-width:960px){
	.search_overlay_close{
		top:26px;
		font-size: 2.8rem;
	}
}
.search_overlay_close:hover {
	opacity: 1;
	background-color: #fff;
}
.body-no-scroll {
  overflow: hidden;
}
.search_overlay_icon {
	margin-right: 10px;
	font-size: 1.8rem;
	color:#960014;
}
@media (min-width:960px) {

	.search_overlay_icon {
		font-size: 2.5rem;
	}
}
.spinner-loader{
	margin-top:45px;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	border: 0.25rem solid rgba(0, 0, 0, 0.2);
	border-top-color: black;
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
	animation-direction: reverse;
}
/*.spinner-loader{
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; 
  animation: spin 2s linear infinite; 
}*/
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.search-overlay__section-title{
	margin: 30px 0 1px 0;
	font-weight: 400;
	color:#0d3b66;
	font-size:2rem;
	padding: 15px 0;
	border-bottom: 1px solid #CCC;
}
.link-list li{
	padding: 0.4rem 0;
	font-size: 1.5rem;
	border-bottom: 1 px dotted #DEDEDE;
}
.search_modal .link-list li{
	font-size: 1.3rem;
}
.search_field{
	margin: 20px 0;
}
.link-list li:last-child {
	border-bottom: none;
}
.link-list a{
	color:#3e007e;
}
.min-list {
	padding: 0;
	margin: 0;
}
.min-list li {
	list-style: none;
}

.watch-scroll {
  height: 100px;
  width:500px;
  overflow: auto;
  border:1px solid black;
}
.placeholder{
  height:300px; 
}
.alert{
  width:300px;
  padding:1em;
  color:white;
  background-color:#ff5c5c;
  display:none;
}
.special-load-more{display: none;}
.special-post-container{
	margin-top: 20px;
}
.circular-image img {
	border-radius: 50%;
	width: 175px;
	height: 175px;
}
.opinion-article-list article{
	border-bottom: #ededed solid 1px;
}
.opinion-article-list>h2{
	padding-bottom: 10px;
	border-bottom: solid #b6b6b6 1px;
}
.left-floated-image .author_image{
	width:175px;
	float: right;

}
.search-overlay__results .author_section .left-floated-image .author_image{
	width:115px;
	float: right;

}
.search-overlay__results .author_section .circular-image img {
	border-radius: 50%;
	width: 100px;
	height: 100px;
}
.search-overlay__results .comment_section .left-floated-image .author_image{
	width:145px;
	float: right;

}
.search-overlay__results .comment_section .circular-image img {
	border-radius: 50%;
	width: 130px;
	height: 130px;
}
.search-overlay__results .comment_section .search_title {
	width: calc(100% - 150px);
}
.breadcrumb_list{list-style: none;display: flex;padding-right: 0;}
.breadcrumb_list li:first-child:before {
	content: none;
}
.breadcrumb_item:before{content:"/"; margin: 0 3px;}
.advanced_search{width: 850px;margin: 20px auto;max-width:100%; }
.search_section{display: flex;margin: 10px 0;height: 35px;}

.advanced_search .post_cats .ddContainer .dropdown-label{
	border-radius: 20px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.advanced_search .post_cats .text_field{
	flex: 1 1 120px;
	border-radius: 20px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-right: 15px;
	border:1px solid #ccc;
	font-size: 18px;
}
.advanced_search .post_types label{
	font-size: 18px;
	margin: 0 10px;
}
.breadcrumb_item a {font-family: 'Noto Kufi Arabic Bold', sans-serif; color: #0a3d62;}
.breadcrumb_item.active a {font-family: 'Noto Kufi Arabic', sans-serif;color: #333;}
.extra_search_options{
	height: 33px;
	justify-content: space-between;
	margin-top: 50px;
	align-items: center;
}
.search_submit{
	margin-right:auto;
	background-color: #960014;
	color: #fff;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #013357;
	cursor: pointer;
}
.search_submit:hover {
	background-color: #013357;
	
}
.extra_search_options label{
	margin-left: 25px;
	font-size: 18px;
}


.mixed_results .search_results>a img{
	width:260px;
	height: 220px;

}
.mixed_results{
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.mixed_results .search_results article{
	display: flex;
	height: 230px;
	overflow: hidden;
	border-bottom: solid 1px #ededed;

}
.mixed_results .search_results article .featured_image{
	width:260px;
	height: 220px;
	float: right;

}
.mixed_results .search_results article .meta-wrapper{
	width:calc(100% - 280px);
	/*height: 220px;*/
	margin-right:auto;

}
.mixed_results .search_results a{
	margin-bottom: 15px;
	display: block;

}
.pagination_div{
	width: fit-content;
	margin: 47px auto;
}
.pagination_div a{
	cursor: pointer;
	font-weight: 400;
	color: #a6a6a6;
	font-size: 20px;
	line-height: 22px;
	padding: 0 6px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.pagination_div .current{
	cursor: pointer;
	font-weight: 400;
	colorc #333;
	font-size: 20px;
	line-height: 22px;
	padding: 3px 8px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-bottom: 3px solid #013357;
}
.pagination_div a:hover{
	color: #013357;
}
.mixed_results .search_results .opinion_articles img , .mixed_results .search_results .archive_articles img{
	border-radius:50%;
	width: 220px;
	justify-content: center;
	display: block;
	margin: 0 auto;
}
.mixed_results .search_results .opinion_articles article .featured_image , .mixed_results .search_results .archive_articles article .featured_image{
	width:260px;

}
.mixed_results .search_results .opinion_articles article .article-author , .mixed_results .search_results .archive_articles article .article-author{
	color:#586f80;

}
/*.posts_search_results{
	max-width: 1200px;
}
.posts_search_results .search_results>a{
	width: 23.5%;
	display: inline-block;
	height: 420px;
	overflow: hidden;
	margin-left: 2%;
	float: right;
}
.posts_search_results .search_results>a:nth-child(4n){
	margin-left: 0;
}
.posts_search_results .search_results>a img{
	width:100%;
	height: 220px;
}*/
article.video_articles{margin-bottom: 15px;}
.mixed_results .search_results a.meta-wrapper{margin-bottom: 0;}
.video_search_results .search_results article.video_articles .meta-wrapper{
	width:calc(100% - 410px);
}
.video_search_results .search_results article.video_articles .featured_image{
	width:390px;

}
.mixed_results .search_results .authors img{
	border-radius:50%;
	width: 220px;

}
.mixed_results .search_results .authors article .featured_image{
	width:240px;

}
.mixed_results .search_results .authors article .article-author{
	color:#586f80;

}
.search_results article .entry-title{
	margin: 5px 0;

}
.search_results article .article-author h3{
	margin: 6px 0;

}
.search_results article p{
	max-height: 80px;
	overflow: hidden;
}
.ddContainer {
  flex: 0 0 120px;
}
.ddContainer * {
  box-sizing: border-box;
}

.ddContainer a {
  text-decoration: none;
  color: #379937;
}

.ddContainer body {
  margin: 40px;
}

.ddContainer .dropdown {
  position: relative;
  font-size: 14px;
  color: #333;

  .dropdown-list {
    padding: 12px;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 2px;
    left: 2px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .15);
    transform-origin: 50% 0;
    transform: scale(1, 0);
    transition: transform .15s ease-in-out .15s;
    max-height: 66vh;
    overflow-y: scroll;
  }
  
  .dropdown-option {
    display: block;
    padding: 8px 12px;
    opacity: 0;
    transition: opacity .15s ease-in-out;
  }
  
  .dropdown-label {
    display: block;
    height: 35px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 12px;
    line-height: 1;
    cursor: pointer;
    
    &:before {
      content: '▼';
      float: left;
    }
  }
  
  &.on {
   .dropdown-list {
      transform: scale(1, 1);
      transition-delay: 0s;
      
      .dropdown-option {
        opacity: 1;
        transition-delay: .2s;
      }
    }
    
    .dropdown-label:before {
      content: '▲';
    }
  }
  
  [type="checkbox"] {
    position: relative;
    top: -1px;
    margin-left: 4px;
  }
}
.advanced_search .post_cats .ddContainer .dropdown-label{
	border-radius: 20px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.AboutLogo{
	display: flex;
}
.AboutLogo img{
	margin: 0 auto;
}
@media (min-width:520px){
	.advanced_search .post_cats .ddContainer{
		min-width: 207px;
	}


}
.fa-quote-right{float: right;}

@media (max-width: 650px) {
	.logo img{
		max-width: 100%;
		height: 100%;
	}
}
@media (max-width: 768px) {
	.socialMedia_sectionUL li {
	  width: 33.2%;
	}
	.socialMedia_sectionUL {
	  height: 250px;
	}
	.columns-2{
		grid-template-columns: 1fr;
	}
	ul .columns-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	
	}
	.home-gallery .album>div:last-child{
		display: none;
	}
	.home-gallery .columns-3{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 500px) {
	.home-gallery .album>div:last-child{
		display: block;
	}
	.home-gallery .columns-3{
		grid-template-columns:1fr;
	}
}
.menu_bottun{
	display: none;
	margin-left: 8px;
}
.menu_bottun i{
	color: #fff;
	font-size: 27px;
	vertical-align: text-bottom;
}
.responsive_menu{
	z-index: 20;
	background: #333;
	color: #ffffff;
	width: 150px;
	position: absolute;
	top: 18px;
	display: none;
}
.responsive_menu a{
	color: #ffffff;
}
.responsive_menu ul{
	padding: 1px;
	margin-bottom: 0;
}
.responsive_menu li{
	float: none!important;
	text-align: center;
	border-bottom: solid 1px #fff;
}
.show_responsive_menu .responsive_menu{
	display: block;
}
@media (max-width: 1110px) {
	.menu, .menu_search{
		display: none;
	}
	.menu_bottun{
		display: block;
		z-index: 30;
	}
	.header-container{
		justify-content: end;
		height: 41px;
		align-items: anchor-center;

	}


}
@media (max-width: 1080px) {
	.side-bar{
		display: none;
	}
	.columns-4{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}


}

@media (max-width: 860px) {

	.titleWomen {
	    background-image: url(./assets/img/woman_t_short.png);
	}

}