/**
Theme Name: Gaza Fund
Theme URI: https://google.com/
Author: Gaza Fund
Author URI: https://google.com/
Description: Special theme for Gaza Fund Website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gaza-fund
**/

body{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	background: #fff;
	line-height: 2em;
	color: #656565;
}

p{
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Raleway', sans-serif;
	color: #212121;
	font-weight: 700;
	text-transform: uppercase;
}

a{
	text-decoration: none;
	color: #005a92;
	transition: all 0.3s ease;
}
a:hover{
	text-decoration: none;
	cursor:pointer;
	color: #1e85d0;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
img{
	max-width: 100%;
	margin: auto;
	height: auto;
	display: block;
}
ul li{
	list-style:none;
}
ul li a:hover{
	text-decoration: none;
}

/** 0.Color Set **/
.bg-white{
	background-color: #fff;
}
.bg-lightgrey{
	background-color: #f8f8f8;
}
.text-black{
	color: #212121;
}
.bg-dark2 {
    background-color: #2a2a2a;
}

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

/** 0.2 Original buttons  **/
.black-btn{
	border: none;
	display: inline-block;
	background: #212121;
	padding:10px 15px;
	color:#fff !important;
	text-align:center;
	-moz-transition: all .5s ease, background-color .2s ease;
	-o-transition: all .5s ease, background-color .2s ease;
	-webkit-transition: all .5s ease, background-color .2s ease;
	transition: all .5s ease, background-color .2s ease;
	cursor:pointer;
}
.black-btn:hover{
	color:#000;
	background: #fff;
	text-decoration: none;
}
/***********************/


/** 1. Header Section **/

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

/** 2. Navigation **/
/** Navbar *********/
ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.top-menu ul {
  margin-bottom: 0;
}

.top-menu ul li{
	list-style:none;
  position: relative;
  margin-left: 1rem;
  margin-right: 1rem;
}

.top-menu ul.menu a {
  color: #212121;
  display: block;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
}

.top-menu ul.menu a:hover {
  color: #074d83;
}

.top-menu ul.menu li {
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.top-menu ul.menu li.current-menu-item a{
  color: #212121;
}

.top-menu ul.menu li:last-child {
  border-right: none;
}

.top-menu ul.menu li.menu-item-has-children>a:after {
  content: '\f107';
  font-family: FontAwesome;
  color: #212121;
  margin-left: 10px;
}

.top-menu ul.menu .sub-menu {
  position: absolute;
  background: #fff;
  padding: 0;
  margin: 0;
  z-index: 10;
  width: 280px;
  text-align: center;
  border: 1px solid #e6e6e6;
  box-shadow: 3px 3px 5px #0000002e;
}

.top-menu ul.menu>li>.sub-menu {
  top: 100%;
  list-style: none;
}

.top-menu ul.menu .sub-menu li>.sub-menu {
  right: -280px;
  top: 0;
  width: 280px;
}

.top-menu ul.menu .sub-menu li+li {
  border-top-color: #fff;
}

.top-menu ul.sub-menu>li:hover,
.top-menu ul.sub-menu>li.current-menu-item,
.top-menu ul.sub-menu>li.current-menu-ancestor,
.top-menu ul.sub-menu>li.current-menu-parent {
  color: #fff;
}

.top-menu ul.sub-menu>li a:hover {
  background-color: #ddd;
  color: #000;
}

.top-menu ul.sub-menu li:first-child a{
  padding-left: 1rem;
}

.top-menu ul.sub-menu>li:hover+li,
.top-menu ul.sub-menu>li.current-menu-item+li,
.top-menu ul.sub-menu>li.current-menu-ancestor+li,
.top-menu ul.sub-menu>li.current-menu-parent+li {
  border-top: none;
}

.top-menu ul.menu .sub-menu a {
  text-align: left;
  padding: 0.5rem 1rem;
}

.top-menu ul li ul.sub-menu li.menu-item-has-children>a:after{
  content: '\f105';
}

.showmenu {
  border: 1px solid #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 24px;
}
/***********************/


/**** 4. Footer *******/
footer ul{
	display: flex;
	justify-content: center;
}
footer ul li {
	padding: 0 1rem;
}
footer ul li:after{
	content: '|';
	padding-left: 1rem;
}
footer ul li:last-child:after{
	content: '';
	padding-left: 0;
}
footer, footer .widget_block a, .widget_nav_menu a{
	color: #333;
}
.widget_nav_menu a:hover{
	color: #23658c;
}
.copyright{
	color: #f0f0f0;
}
/**********************/


/**** RESPONSIVE *******/
@media screen and (min-width:1200px){ /*xl*/
	.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
	}
}

@media (max-width: 1199px) { /*lg*/
	.top-menu ul.menu li{
		margin-left: .5rem;
		margin-right: .5rem;
	}
	.top-menu ul.menu a{
    padding: 0.5rem;
		font-size: 14px;
  }
}

@media (min-width: 992px) {

  /*lg ke atas*/
  .top-menu ul.menu li:first-child a{
    padding-left: 0;
  }
  .top-menu ul.sub-menu li:first-child a {
    padding-left: 1rem;
  }
  .top-menu ul.menu .sub-menu {
    display: none;
  }
  .top-menu ul.menu li:hover>.sub-menu {
    display: block;
    z-index: 99;
  }
}

@media (max-width: 991px) { /*md*/
	/* start navmenu */
	a.showmenu:hover, a.showmenu:active{
		color: #212121;
	}
	.top-menu ul{
		background-color: rgb(171 171 171 / 90%);
	}
  .top-menu ul.menu .sub-menu{
    box-shadow: none;
    border: none;
  }

  .top-menu{
    border: none;
  }

  .top-menu ul.menu li.menu-item-has-children>a:after {
    display: none;
  }

  .top-menu ul.menu a {
    padding: .5rem 1.5rem;
    color: #fff;
    border-bottom: 1px solid #f2f2f2;
  }

  .top-menu ul.menu li:last-child a{
    border-bottom: none;
  }

  .top-menu ul.sub-menu li:last-child a {
    border-bottom: 1px solid #e5e5e5;
  }

  .top-menu ul.menu>li>.sub-menu {
    background: #f4f4f4;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
  }

  .top-menu ul.menu .sub-menu a {
    padding: 0;
  }

  .top-menu ul.menu .sub-menu li {
    border: none;
  }

  .top-menu ul.sub-menu>li a:hover {
    color: #000;
  }

  .top-menu ul.menu li.menu-item-has-children {
    display: flex;
    flex-flow: column;
  }

  .top-menu ul.menu li.menu-item-has-children a {
    display: flex;
  }

  .top-menu ul.menu li.menu-item-has-children ul li a {
    padding: .5em 2.5em;
  }

  .top-menu ul.menu .sub-menu li>.sub-menu{
    position: relative;
    width: 100%;
    right: unset;
    background: #fafafa;
  }

  .top-menu ul.menu .sub-menu li>.sub-menu li a{
    padding: .5em 4em;
    border-bottom: none;
    color: #212121;
  }

  .top-menu ul.menu .sub-menu li>.sub-menu li:last-child a{
    border-bottom: 1px solid #e5e5e5;
  }

  .top-menu ul.menu .sub-menu li>.sub-menu li.current-menu-item a{
    color: #cf2f1d;
  }

	.mobnav-subarrow {
    background: transparent;
    height: 34px;
    width: 31px;
    position: absolute;
    top: 3px;
    right: 0;
    color: #212121;
    text-align: center;
    border-radius: 2px;
    font-size: 16px;
    z-index: 99;
    margin-left: 15px;
    /* margin-right: 15px; */
    border: 1px solid #212121;
    border-radius: 0.25rem;
  }

  .mobnav-subarrow .fa {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }
  /* end navmenu */

}

@media (max-width: 767px) { /*sm*/

}