﻿/*
Theme Name: AMA Website theme
Theme URI:
Version: 1.0.1
Author: Ali Qorbani
Author URI: http://www.aliqorbani.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

*/
body{
    background: rgba(238, 238, 238, 1) url(images/body-bg.gif) repeat top center;
    font-family: Roboto;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    overflow-x: hidden;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    color: #868686;
    position: relative;
    left: 0;
}
.affix {
    top:0;
    z-index: 9999 !important;
}
.admin-bar .affix{
    top: 32px;
}
a{
    transition: 200ms all;
}

p {
    font-weight: 400;
    margin: 0 0 30px 0;
    padding: 0;
    line-height: 1.8;
    letter-spacing: 0.05em;
}
.btn-reading{
    background-image: linear-gradient(to bottom, #FFFFFF, #E7E7E7);
    border: #909090 1px solid;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
}

header .content{
    padding-top: 20px;
    border-top: rgba(0, 0, 0, 0.15) 15px solid;
}
header #logo {
    height: 130px;
    background: url(images/logo.png) no-repeat center left;
}

header #logo h1, header #logo h2{
    text-indent: -9999999px;
    overflow: hidden;
}

header #topbar-menu a{
    color: #71229e; text-shadow: 1px 1px 7px #FFFFFF; padding: 5px;
}
header #topbar-menu li{
    padding: 0;
    border-right: #FFFFFF 1px solid;
}
header #topbar-menu li:last-child{
    border-right: none;
}
header #searchform-top{
    background: url(images/searchform-bg.png) no-repeat center center;
    width: 110px;
    height: 33px;
    float: right;
    clear: right;
}
header #searchform-top input{
    border: none;
    background: transparent;
    width: 110px;
    padding-left: 23px;
    font-size: 12px;
    font-style: oblique;
}
header #searchform-top input:focus,
header #searchform-top input:active{
    border: none;
    outline: none;
    font-style: normal;
}

header .navbar-default{
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0,0.035));
    border: #dcdcdc 1px solid;
    box-shadow: 0px 3px 10px #929292;
    border-radius: 0;
    margin-bottom: 40px;
}
header .navbar-collapse{
    padding-left: 0;
    padding-right: 0;
}
header .navbar-default li.current-menu-item>a,
header .navbar-default li>a:focus,
header .navbar-default  li>a:hover,
header .navbar-default  .open>a,
header .navbar-default  .open>a:focus,
header .navbar-default  .open>a:hover{
    background-color: rgba(91, 11, 159, 0.3) !important;
}
header .navbar-default  .active>a,
header .navbar-default  .active>a:focus,
header .navbar-default  .active>a:hover {
    background-color: #9314e4;
    color: #FFF !important;
}


header .navbar-default li li > a{
    width: auto;
    border-left: 0;
    border-right: 0;
    font-size: 13px;
    line-height: 30px;
    padding: 10px;
}
header .navbar-default li > a{
    height: 50px;
    padding-left: 0;
    white-space: nowrap;
    padding-right: 0;
    border-left: #FFFFFF 1px solid;
    border-right: #dcdcdc 1px solid;
    text-align: center;
    color: #7b006f !important;
    font-size: 15px;
    font-family: Roboto;
    font-weight: bold;
    letter-spacing: 0.2px;
}
header .navbar-default > li:first-child > a{
    border-left: none;
}
header .navbar-default > li:last-child > a{
    border-right: none;
}
header .navbar-default .dropdown-menu{
    background-color: rgba(255,255,255,0.75);
    border-radius: 0;
    margin: 0;
    padding: 0;
}

#page, #slider{
    margin-bottom: 30px;
}

#page .content, #slider .ls-wp-container {
    padding: 15px;
    background: rgba(255, 255, 255, 1) url(images/slider-bg.gif) repeat center top;
    box-shadow: 1px 1px 10px 4px #808080;
}
#carousel-top{
    overflow: hidden;
}

#carousel-top .carousel-indicators{
    bottom: 10px;
    right: 8%;
    width: auto;
    left : auto;
}

#carousel-top .carousel-caption{
    top: 0;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
    right :0;
    left: 70%;
    background: rgba(85, 10, 124, 0.75);
    padding: 50px 20px;
}

#carousel-top .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #7d459b/9;
    background-color: rgba(125, 69, 155, 1.0);
    border: 1px solid #7d459b;
    border-radius: 0;
}
#carousel-top .carousel-indicators .active {
    background-color: #543087;
}

#slider a.carousel-control {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    top: -250px;
    padding: 0;
    background-image: none;
    font-size: 40px;
    color: rgba(204, 204, 204, 0.38);
    overflow: hidden;
    text-shadow: rgba(195, 195, 195, 0.50), 0 0 0 rgba(49, 49, 49, 0.50), 1px 4px 6px rgba(195, 195, 195, 0.50);
}

#slider a.right {
    float: right;
    right: -100px;
}
#slider a.left {
    float: left;
    left: -100px;
}

#members-map{
    margin-bottom: 15px;
}

#members-map .content{
    border: #9F9F9F 1px solid;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.5);
}

#members-map #detailed-map .title{
    font-size: 17px;
    margin: 0;
    line-height: 40px;
    font-family: Myriad Pro;
    text-align: center;
    color: #46136d;
    /* font-family: Century Gothic; */
    font-weight: bold;
}

#members-map #gray-box{
    background: transparent;
    border: #000 1px dotted;
    margin-right: -15px;
}
#members-map #gray-box .nav-pills>li{
    margin: 0;
    width: 50%;
}


#members-map #gray-box .nav-pills>li>a{
    background-color: rgba(0, 0, 0, 0.1);
    border: transparent 1px dotted;
    color: #464545;
    border-radius: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 15px;
    line-height: 40px;
    white-space: nowrap;
}
#members-map #gray-box .nav-pills>li.active>a,
#members-map #gray-box .nav-pills>li.active>a:focus,
#members-map #gray-box .nav-pills>li.active>a:hover{
    background: rgba(224, 224, 224, 0.47);
    border-left: #000 1px dotted;
    border-right: #000 1px dotted;
}
#members-map #gray-box .nav-pills>li:first-child.active>a,
#members-map #gray-box .nav-pills>li:first-child.active>a:focus,
#members-map #gray-box .nav-pills>li:first-child.active>a:hover{
    border-left: transparent;
}
#members-map #gray-box .nav-pills>li:last-child.active>a,
#members-map #gray-box .nav-pills>li:last-child.active>a:focus,
#members-map #gray-box .nav-pills>li:last-child.active>a:hover{
    border-right: transparent;
}

#members-map #gray-box .tab-content{
    background: rgba(224, 224, 224, 0.47);
    padding: 10px 5px;
}
#popular-posts .item{
    display: inline-block;
    width: 100%;
    clear: both;
    margin-top: 25px;
    border-bottom: #000 1px solid;
}
#popular-posts .item:after{
    clear: both;
    content: " ";
}

#popular-posts .post-content{
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    display: inline-block;
}

#popular-posts .post-content h5{
    color: #464545;
    font-size: 17px;
    margin: 0;
    display: inline-block;
    font-family: Myriad Pro;
}
#popular-posts .post-content .date{
    color: #898989;
}
#newsletter-form{
    margin-bottom: 15px;
}

#newsletter-form .form-container{
    border: #EBCCD1 1px solid;
    border-radius: 5px;
    box-shadow: inset 1px 1px 3px 1px #808080;
    padding: 0;
    background: rgba(212, 174, 255, 0.6);
}
#newsletter-form input{
    background: transparent;
    color: #FFF;
    text-indent: 35px;
    border: none;
    box-shadow: none;
    outline: none;
}

#newsletter-form ::-webkit-input-placeholder {
   color: #FFF;
}

#newsletter-form :-moz-placeholder { /* Firefox 18- */
   color: #FFF;
}

#newsletter-form ::-moz-placeholder {  /* Firefox 19+ */
    color: #FFF;
}

#newsletter-form :-ms-input-placeholder {
   color: #FFF;
}

#newsletter-form button{
    background-color: #670d6a;
    background-image: linear-gradient(to bottom, rgba(212, 174, 255, 1.0), rgba(212, 174, 255, 0.2));
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    outline: none;
    border: none;
    color: #FFF;
    height: 30px;
    width: 90px;
    font-weight: bold;
}
.archive-title{
    padding: 5px 15px;
}

.archive .archive-item,
.category-newsletter .archive-item{
    min-height: 200px;
    display: block;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 15px;
    border-bottom: #DDD 1px solid;
    background: rgba(255, 255, 255, 0.5);
    transition: all 400ms ease-in-out;
}
.category-newsletter .archive-item:hover{
    background: #FFF;
    border-bottom-color: #AAA;
}
.category-newsletter .archive-item::after{
    content: " ";
    clear: both !important;
}
.nl-thumb{
    transition: box-shadow 100ms ease;
    background: #FFF;
    box-shadow:  0px 2px 7px -2px #DDD;
}
.category-newsletter .archive-item:hover .nl-thumb{
    box-shadow: 0px 3px 10px -1px #DDD;
    background: #FFF;
}
.archive .archive-item a{
    color: #9314E4;
}
.archive .archive-item a .item-title{
    text-transform: uppercase;
    margin-top: 0;
}
.archive .archive-item .title-link:hover{
    text-decoration: none;
    color: #FF3399;
}

#activity-reports{
}

#activity-reports .content{
    border: #9F9F9F 1px solid;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.5);
}
#activity-reports #title{
    line-height: 50px;
    margin: 0;
    font-size: 18px;
    color: rgba(137, 137, 137, 1);
    background: transparent;
    text-align: left;
    margin-left:15px;
}
#activity-reports #reports-carousel{
    background: rgba(255, 255, 255, 0.5)
}
#activity-reports #reports-carousel .item{
    padding: 30px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 2.0;

}
#activity-reports #reports-carousel .item .item-title{
    font-size: 16px;
    margin: 0;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
#activity-reports #reports-carousel .item .meta{
    font-style: oblique;
    color: rgba(137, 137, 137, 1);
    font-family: Georgia;
    font-size: 13px;
}
#activity-reports #reports-carousel .item .item-content{
    margin-bottom: 20px;
}
#activity-reports .btn-reading{
    bottom: 0;
}
#activity-reports .owl-controls .owl-prev{
    float: left !important;
    position: relative;
    top: -215px;
    left: -40px;
    font-size: 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    color: #b1b1b1;
    background: none;
}

#activity-reports .owl-controls .owl-next{
    float: right !important;
    font-size: 40px;
    position: relative;
    top: -215px;
    right: -40px;
    width: 40px;
    height: 40px;
    padding: 0;
    color: #b1b1b1;
    background: none;
}

/* Pagination */

.ama-paginate{
    text-align: center;
}
.ama-paginate li a,
.ama-paginate li span{
    color: #000;
    border-color: #000;

}
.ama-paginate li a:hover{
    background: rgba(147, 20, 228, 0.2); border-color: #000;
}

.ama-paginate li.active span:hover,
.ama-paginate li.active span{
    background: #9314E4;
    border-color: #9314E4;
    color: #FFF;
}

footer{
    margin-top:10px;
}

footer .content{
    padding-bottom: 35px;
    border-bottom: rgba(0, 0, 0, 0.20) 15px solid;
}
footer .footer-widget .menu{
    list-style: none;
    padding: 0;
}
footer .footer-widget .menu ul{
    padding-left: 10px;
    list-style: none;
}
footer .footer-widget .menu ul:before{
    content: "⌊";
    color: #FFF;
    top: -5px;
    left: -10px;
    position: relative;
    display: inline;
    float: left;
    width: 0;
}

footer li a{
    color: #949494;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 5px 10px 2px 0;
}
footer li a:hover,
footer li a:focus{
    color: #C22CE8;
    text-decoration: none;
    font-weight: bold;
}


footer #footer-socials{
    xpadding-left: 0;
    xpadding-right: 0;
}

footer #footer-socials ul{
    margin-top: 70px;
    direction: ltr;
    text-align: right;
}

footer #footer-socials a{
    width: 32px;
    border-radius: 2px;
    height: 32px;
    text-align: center;
    background-image: linear-gradient(to bottom, #F7F7F7, #E7E7E7);
    box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.3);
    display: block;
    padding: 0;
    border: rgba(0, 0, 0, 0.5) 1px solid;
    border-top-color: #FFF;
    border-left-color: linear-gradient(to bottom, #F7F7F7, #E7E7E7);
    font-size: 24px;
    line-height: 32px;
}

#searchform_container{
    width: 60%;
    margin:30px auto;
}
#searchform_container input[type="radio"]{
    opacity: 0;
    z-index: 1;
}
.rd{
    display: inline-block;
    float: left;
    margin-right: 70px;
}

.rd label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.rd label::before{
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    margin-left: -20px;
    width: 15px;
    height: 15px;
    border: #898989 1px solid;
    border-radius: 50%;
}


#searchform_container *{
    transition: 200ms all;
}
.stylish-input-group .input-group-addon{
    background: white !important;
}
.stylish-input-group .form-control:focus + .input-group-addon,
.stylish-input-group .form-control:focus,
.stylish-input-group  button:focus + .form-control
{
    border-color: #5B0B9F;
    box-shadow: -2px 0 5px -2px #5B0B9F;
}
.stylish-input-group .form-control:focus + .input-group-addon{
    box-shadow: 2px 0 5px -2px #5B0B9F;
}
.stylish-input-group button:focus{
    outline: none;
}
.stylish-input-group .form-control{
    border-right:0;
    box-shadow:0 0 0;
    border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

.result-item a{
    color: #000;
    text-decoration: none;
}
.result-item a:focus,
.result-item a:hover


/* Sharing Plug-in */

.vcenter {
        vertical-align:central;
        margin-top:20%;
        font-style:italic;
    }

.prepbootstrap-sharing-container {
    position: fixed;
    top: 40%;
    left: 15px;
    right: auto;
    display: inline-block;
    margin: 0;
    padding: 0;
    z-index: 11100;
    overflow: hidden;
    width: 64px;
    background: #C9BDD4;
    border-radius: 4px;
}
.prepbootstrap-sharing-container a{
    color: #FFF;
}
.prepbootstrap-sharing-container .sharing-item {
    width: 64px;
    height: 64px;
    text-align: center;
    cursor: pointer;
    line-height: 64px;
    color: #FFF;
    font-size: 32px;
}
.prepbootstrap-sharing-container .sharing-item:hover {
    font-size:33px;
    background: #BEB3C9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.inner-menu{ }
 .inner-menu ul{
    list-style: none;
    padding: 0;
}
.inner-menu a{
    box-shadow: -3px 0px 8px -4px #808080;
    background: #FFFFFF;
    border:#B5A2C6 3px solid;
    border-radius: 1px 20px 1px 20px;
    margin: 10px;
    background: #FFF;
    color: #670D6A;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 12px;
    position: relative;
    display: block;
    padding: 10px 15px;
}
.inner-menu .current-menu-item a{
    background: rgba(235, 186, 247, 1);
}
.inner-menu a:hover{
    text-decoration: none;
    box-shadow: 0 0 5px 1px rgba(167, 71, 215, 0.6);
}

.inner-menu a.active,
.inner-menu a.active:hover{
    border:#B5A2C6 3px solid;
    background: #E8D1F5;
    color: #000;
}

.right-adv .adv-cont img{
    width: 50%;
}
.right-adv .adv-cont{
    margin-bottom: 10px;
    display: block;
}

.right-adv .adv-cont span{
    position: relative;
    right: 0;
    top: 0;
    background: #8712d1;
    height: 130px;
    display: inline-block;
    margin: 0;
    /* margin-top: -130px; */
    width: 130px;
    float: right;
    padding: 40px 0;
    color: #FFF;
    text-align: center;
    font-size: 19px;
    font-family: Arial;
}

.pop-thumb{
    width: 100%;
    height: auto;
}

/* get in touch form */

.get-in-touch .form-title{
    background: url(images/get-in-touch.png) center center no-repeat;
    text-align: left;
    margin: 10px 15px 15px;
    text-indent: -99999999px;
    overflow: hidden;
    width: 150px;
    height: 45px;
}

.comment-reply-title{
    display: inline-block;
    color: #000;
    width: 40%;
    padding: 5px;
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
    position: relative;
    font-family: "Baloo Tamma", Oswald;
    text-transform: uppercase;
}
.comment-reply-title::before{
    content: " ";
    position: absolute;
    color: #DDD;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    border-top: #C22CE8 2px solid ;
    border-left: #C22CE8 2px solid ;
}
.comment-reply-title::after{
    content: " ";
    position: absolute;
    color: #DDD;
    width: 10px;
    height: 10px;
    bottom: 0;
    right: 0;
    border-bottom: #000000 2px solid ;
    border-right: #000000 2px solid ;
}


#respond .comment-form .form-control{

    transition: box-shadow 300ms;
}

#respond .comment-form textarea,
.get-in-touch textarea,
#respond .comment-form input[type="text"],
.get-in-touch input[type="text"],
#respond .comment-form input[type="email"],
.get-in-touch input[type="email"],
#respond .comment-form input[type="url"]
{
    width: 100%;
    border-radius: 2px;
    background: transparent;
    margin-bottom: 15px;
    border:#000 1px solid;
    height: 30px;
    padding: 15px;
    float: left;
    clear: left;
    transition: box-shadow 300ms;
    -moz-transition: box-shadow 400ms !important;
}

#respond .comment-form textarea,
.get-in-touch textarea{
    height: auto;
}
.get-in-touch textarea:focus,
#respond textarea:focus,
#respond textarea:hover,
.get-in-touch input[type="text"]:focus,
#respond input[type="text"]:focus,
#respond input[type="url"]:focus,
.get-in-touch input[type="email"]:focus,
#respond input[type="email"]:focus{
    outline: none;
    border: #7D459B 1px solid;
    box-shadow: 0px 0px 10px -1px #CC66FF;
}
.get-in-touch input[type="submit"],
#respond input[type="submit"]
{
    height: 30px;
    width: 190px;
    transition: all 400ms;
    background: #9314E4;
    border-radius: 3px;
    color: #FFF;
    border: none;
    font-weight: bold;

}
#respond input[type="submit"]:hover,
.get-in-touch input[type="submit"]:hover,
.btn-def:hover,
.get-in-touch input[type="submit"]:focus,
#respond input[type="submit"]:focus,
.btn-def:focus{
    background-color: #FF3399 !important;
    outline: none;
    height: 30px;
    border-bottom: inset #99FF00 2px solid;
}


.get-in-touch .note{
    color: #777777;
    font-size: 12px;
    font-family: Helvetica, sans-serif;
}
.get-in-touch address{
    color: #000;
    font-size: 13px;
    font-family: Myriad Pro;
}

.left-widget{

}


.cat-title{
    padding-bottom: 20px;
    font-size: 48px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: #1A1A1A 1px solid;
    margin-bottom: 20px;
    color: #000;
}


.widget-title{
    padding: 15px 0;
    margin-bottom: 30px;
    background-color: transparent;
    position: relative;
}
footer .widget-title:after{
    content: "";
    border-bottom-style: solid;
    border-bottom-width: 2px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 100%;
    border-bottom-color: #9314E4;

}
.item-title-content{
    min-height: 250px;
}
.item-title{
    color: #670D6A;
}
.archive .archive-item{}
.image-post-s{
    height: 145px;
}
.image-post-s img{
    height: 100%;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.taxonomy-description{
    padding: 15px;
}
x.popup {padding:7px; position:fixed !important;top:100px; left:200px}
.popup-txt1 {color:#0089ff}
.popup-txt2 {color:#0089ff}
.number {color:#a94442}
.pr{}


.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #c4acd8 !important;
}
.nav-pills>li>a {
    border-radius: 4px !important;
}
.wpcf7-text {width: 100%;
    border: 1px solid rgb(204, 204, 204);
    height: 36px;
    box-shadow: rgb(204, 204, 204) 0px 0px }
.wpcf7-textarea {width:100%; height:120px;border: 1px solid rgb(204, 204, 204);box-shadow: rgb(204, 204, 204) 0px 0px }
.div-input p {margin: 0 0 10px 0 !important}
@media screen and(max-width: 768px) and (min-width: 320px) {
  }
.es_txt_button {    
    width: 77px;
    height: 30px;
    color: #8d2683;}