/*
 Theme Name: Nayma Child
 Theme URI: http://demos.quadroideas.com/nayma/
 Author: QuadroIdeas
 Author URI: http://quadroideas.com/
 Description: Powerful and Stylish WordPress Theme for all Purposes
 Template: nayma
 Version: 1.0.0
 Text Domain: quadro
*/

/**
 * You can comment the following line to avoid loading the parent theme's CSS file
 * before loading this one. Otherwise, keep in mind that all original styles from
 * the parent theme will be loaded before whatever you declare here. 
 */
@import url("../nayma/style.css");

/* Theme customization starts here
-------------------------------------------------------------- */

/*// Your new CSS rules...*/

/* Clean up the Content.ad formatting */
.ac_header_title { color: #2fa6a2; font-family: Raleway; font-weight: normal !important; font-size: 1em !important;}
.ac_adbox {font-family: Raleway;}
.ac_credit {display:none;}

/*Customize Social Network Sharing Button----------------------
------------------------------------------------------------------*/
.egw_social_share_box {
margin-bottom: 10px !important;
}


/*.boxed .site {
width:  !important;
margin: 0 auto;
overflow: visible;
}
*/
.fixed-header{
background-color:#66c3b5;
}

.bottom-header {
background-color: #66c3b5;
}

.main-navigation .menu > li > a {
color: white !important;
}

.search-icon i {
background: rgba(255, 255, 255, 0.91)!important;
}

.search-icon {
color: #66c3b5 !important;
}

.bottom-header nav ul.menu > li.current_page_item > a, .bottom-header nav ul.menu > li.current-menu-item > a, .item-terms a:hover, .cat-links a:hover, .cart-actions div a:hover, .terms-filter ul li:hover{
border-color: white !important;
}

.menu-slider a {
color: white;
}
.menu-slider a:hover {
color: rgba(255, 255, 255, 0.64) !important;
}

.image-logo a img {
height: 45px;
width: auto;
padding-top:8px;
}

.site-header-type3 .bottom-header nav {
margin-right: 0px;
}

.site-header-type3 .bottom-header {
    padding: 20px 4%;
}
.bottom-header nav .menu > li {
float: left;
position: relative;
padding-bottom: 10px;
margin-left: 18px;
}
/*----------------------------------------------------------
------------------------------------------------------------                                                          
------------------------------------------------------------
------------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}
/* Generic (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 568px) 
and (max-device-width : 950px) {
.search-icon i {display:block !important;}
.bottom-header nav .menu > li {
float: left;
position: relative;
padding-bottom: 10px;
margin-left: 18px;}
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 568px) 
and (max-device-width : 1024px) {
.search-icon i {display:block !important;}
.bottom-header nav .menu > li {
float: left;
position: relative;
padding-bottom: 10px;
margin-left: 18px !important;
}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1197px) 
and (orientation : landscape) {
.bottom-header nav .menu > li {
float: left;
position: relative;
padding-bottom: 10px;
margin-left: 25px;}



}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1224px) 
and (orientation : portrait) {
.bottom-header nav .menu > li {
float: left;
position: relative;
padding-bottom: 10px;
margin-left: 25px !important;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.bottom-header nav .menu > li {
float: left;
position: relative;
padding-bottom: 10px;
margin-left:30px;}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 959px) {
.search-icon i {margin-left: 10px;}
.bottom-header nav .menu > li {
float: left;
position: relative;
padding-bottom: 10px;
}


}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}