/*
Theme Name: BESTSHARIF
Theme URI: BESTSHARIF
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
Tested up to: 6.4
Requires at least: 3.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, block-patterns
Text Domain: twentytwelve

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.
*/


@font-face{
    font-family:f1;
    src:url(https://bestsharif.ir/wp-content/themes/BESTSHARIF/fonts/f1.woff);
}

@font-face{
    font-family:f2;
    src:url(https://bestsharif.ir/wp-content/themes/BESTSHARIF/fonts/f2.woff);
}

@font-face{
    font-family:f3;
    src:url(https://bestsharif.ir/wp-content/themes/BESTSHARIF/fonts/f3.woff);
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:f1;
    font-size:14px;
    text-align:justify;
    line-height:200%;
}

body {
    color: black;
    text-align:right;
    direction:rtl;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-attachment: fixed;    
}
a{
    color:black;
    font-size:17px;
    font-family:BF;
}

.menu{
    width: 100%;
    height: 50px;
    background-color:#e75d5d;
    line-height:275%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 2px solid #e9b2b2;    
}
.mn_item{
    width:auto;
    padding-right:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    float:right;
    margin-right:10px;
    background-color: #ffe0e0;
    height: 30px;
    margin-top: 10px;    
    line-height:150%;
    border-radius:5px;
}

.mn_item a{
    color:black;
    text-decoration:none;
    font-family:f3;
    font-size:15px;
    line-height:150%;
}
.bnn{
    width:100%;
    height:150px;
    background-color:#FFE9DB;
    border-bottom: 2px solid #e9b2b2;    
}

.contact_num{
    font-size: 22px;
    color: #000000;
    text-decoration: none;
    background-color: #fcc8a8;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
    border-bottom: 2px solid #ea9595;    
}
.bnn_center{
    float:right;    
    width:100%;
    height: 100%;
    color:black;
    font-family:f3;
    font-size:17px;   
    text-align:center;
    line-height: 200%;    
}

.cnn_right{
    float:right;    
    width:20%;
    height: 100%;
    color:black;
    font-family:f3;
    font-size:17px;   
    text-align:center;
    line-height: 200%; 
    direction:rtl;    
}
.cnn_left{
    float:right;    
    width:20%;
    height: 100%;
    color:black;
    font-family:f3;
    font-size:17px;   
    text-align:center;
    line-height: 200%; 
    background-color:blue;
    direction:rtl;    
}

.header_links{
    width:100%;
    height:40px;
    background-color:#e75d5d;
    font-size:17px;   
    font-family:f3;
    line-height: 200%; 
    text-align:center;
}
.header_links_item{
    width:100%;
    height:30px;
    background-color:#f9f8f8;
    line-height: 200%; 
    text-align:center;
    border-bottom: 1px solid lightgray;
}
.header_links_item a{
    text-decoration:none;
    color:darkblue;
    font-size:12px;   
    font-family:f1;    
}

.cnr__1{
    width:100%;
    float:right;
}
.end_cnr_{
    width:100%;
    float:right;
}
.footer_cnr_{
    width:100%;
    float:right;
    background-color:#092c6e;
    color:white;
}
.main_cnr_{
    width:60%;
    margin-left:auto;
    margin-right:auto;    
}


.center_cnr_{
    width:98%;
    min-height:auto;
    float:right;
}


.contents{
    width:95%;
    margin-right:auto;
    margin-left:auto;
}
h1{
    font-family: f3;
    font-size: 25px;
    color: black;
    margin-top:20px;
}
h2{
    font-family: f3;
    font-size: 18px;
    color: black;
    margin-top:30px;
}

h3{
    font-family: f3;
    font-size: 16px;
    color: black;
    margin-top:30px;
}

p{
    margin-top:8px;
    line-height:200%;
    font-family: f1;
    font-size: 13px;
}

.rc_header{
    width: 100%;
    height: 40px;
    background-color: #1f2839;
    text-align: center;
    line-height: 200%;
    color: white;
    margin-right: auto;
    margin-left: auto;
    font-family: f2;
    font-size:18px;
}
.total_service{
    width:100%;
    height:250px;
    background-color:#1f2839;
    width:60%;
    margin-right:20%;
    margin-left:20%;
    border-radius: 10px;
    overflow:hidden;
}
.total_service_item{
    width:18%;
    margin-right:1%;
    margin-left:1%;
    float:right;
    background-color:#023b59;
    height:240px;
    margin-top:5px;
    border-radius: 10px;
    overflow:hidden;
}
.total_service_item_img{
    width:100%;
    height:200px;
}

.total_service_item_txt{
    width: 100%;
    height: 40px;
    text-align: center;
    font-family: f3;
    font-size: 24px;
    color: #1f2839;
    line-height: 175%;
}
.barchasb{
    height:50px;
    background-color: #1f2839;
    border: 3px solid #023b59;
    text-align:center;
    width:60%;
    margin-right:20%;
    margin-left:20%;   
    color:white;
    line-height:300%;
    font-size:14px;
    font-family:f2;
}
.barchasb_div{
    min-height:50px;
    width:60%;
    margin-right:20%;
    margin-left:20%;   
}
.barchasb_item{
    width: 25%;
    height: 30px;
    float: right;
    background-color: #1f2839;
    text-align:center;
}
.barchasb_item a{
    font-family: f1;
    font-size: 9px;
    color: #023b59;
    text-decoration: none;
}
.line_space{
    width: 100%;
    height: 4px;
    background-color: lightgray;
    margin-top: 20px;
}
.content_image{
    width:70%;
    height:400px;
    margin-right:15%;
    margin-left:15%;
}

.video_tag{
    width:80%;
    height:400px;
    margin-right:10%;
    margin-left:10%;
}

@media screen and (max-width: 800px) {
    
    
.video_tag{
    width:100%;
    height:250px;
    margin-right:0%;
    margin-left:0%;
}
    
.content_image{
    width:100%;
    height:400px;
    margin-right:0%;
    margin-left:0%;    
}

.mn_item{
    width:auto;
    padding-right:4px;
    padding-left:4px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    float:right;
    margin-right:5px;
    height: 30px;
    margin-top: 10px;    
    line-height:150%;
    border-radius:5px;
}

.mn_item a{
    font-family:f3;
    font-size:10px;
}


.rc_header{
    width: 100%;
    height: 40px;
    background-color: #1f2839;
    text-align: center;
    line-height: 200%;
    color: white;
    margin-right: auto;
    margin-left: auto;
    font-family: f2;
    font-size:20px;    
}

.main_cnn{
    flex-direction: column;
    display: flex;          
}
.bnn_center{
    float:right;    
    width:100%;
    height: 100%;
    font-family:f3;
    font-size:15px;   
    text-align:center;
}

.cnn_right{
    float:right;    
    width:100%;
    height: 100%;
    color:black;
    font-family:f3;
    font-size:17px;   
    text-align:center;
    line-height: 200%; 
    background-color:red;
}
.cnn_left{
    float:right;    
    width:100%;
    height: 100%;
    color:black;
    font-family:f3;
    font-size:17px;   
    text-align:center;
    line-height: 200%; 
    background-color:blue;
}



    .cnr__1{
            flex-direction: column;
              display: flex;        
    }


    .center_cnr_{
        width:98%;
        min-height:480px;
        margin-left:auto; 
        margin-right:auto;
    }

    .main_cnr_{
        width:98%;
        margin-left:auto;
        margin-right:auto;          
        order: -1;

    }
    .h1_item{
        font-family:BF;
        font-size:18px;
        margin-top:10px;
    }
    
.total_service{
    width:100%;
    height:auto;
    background-color:#1f2839;
    margin-right:0%;
    margin-left:0%;
    border-radius: 10px;
}

.total_service_item{
    width:70%;
    margin-right:15%;
    margin-left:15%;
    background-color:#023b59;
    height:240px;
    margin-top:5px;
    border-radius: 10px;
    overflow:hidden;
    margin-top:10px;
}

.barchasb{
    height:50px;
    background-color: #1f2839;
    text-align:center;
    width:100%;
    margin-right:0%;
    margin-left:0%;   
    color:white;
    line-height:300%;
    font-size:14px;
    font-family:f2;
    border-top: 3px solid #023b59;
    border-bottom: 3px solid #023b59;

}
.barchasb_div{
    min-height:50px;
    width:100%;
    margin-right:0%;
    margin-left:0%; 
}
.barchasb_item{
    width: 100%;
    height: 30px;
    float: right;
    background-color: #1f2839;
    text-align:center;
    margin-top:2px;
}
.barchasb_item a{
    font-family: f1;
    font-size: 9px;
    color: #023b59;
    text-decoration: none;
}
h1{
    font-family: f3;
    font-size: 18px;
    color: black;
    line-height:100%;
}
h2{
    font-family: f3;
    font-size: 15px;
    color: black;
    margin-top:30px;
}

h3{
    font-family: f3;
    font-size: 14px;
    color: black;
    margin-top:30px;
}

}