/*! Theme Name: avijeh Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: avijeh Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready 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. avijeh is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ @font-face { font-family: "Flaticon"; src: url("font-icon/Flaticon.eot"); src: url("font-icon/Flaticon.eot?#iefix") format("embedded-opentype"), url("font-icon/Flaticon.woff") format("woff"), url("font-icon/Flaticon.ttf") format("truetype"), url("font-icon/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("./Flaticon.svg#Flaticon") format("svg"); } } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 20px; font-style: normal; margin-left: 20px; } .flaticon-boy:before { content: "\f100"; } .flaticon-wedding-rings:before { content: "\f101"; } .flaticon-boy-broad-smile:before { content: "\f102"; } .flaticon-baby:before { content: "\f103"; } .flaticon-relationship:before { content: "\f104"; } .flaticon-woman:before { content: "\f105"; } .flaticon-broken-heart:before { content: "\f106"; } .flatc:before { margin: 0; font-size: 65px !important; font-weight: 100 !IMPORTANT; } a img, hr { border: 0 } img, pre { max-width: 100% } a, ins, mark { text-decoration: none } #content[tabindex="-1"]:focus, a:active, a:hover { outline: 0 } table, textarea { width: 100% } @font-face { font-family: 'A Ghasem'; src: url(fonts/AGhasem.eot) format('eot'), url(fonts/AGhasem.woff) format('woff'), url(fonts/AGhasem.ttf) format('truetype') } @font-face { font-family: 'A Rezvan'; src: url(fonts/glyphicons-halflings-regular.eot) format('eot'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype') } @font-face { font-family: 'B Koodak'; src: url(fonts/glyphicons-halflings-regular.eot) format('eot'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype') } @font-face { font-family: 'B Nazanin'; src: url(fonts/glyphicons-halflings-regular.eot) format('eot'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype') } @font-face { font-family: 'B Yekan'; src: url(fonts/glyphicons-halflings-regular.eot) format('eot'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype') } @font-face { font-family: iranyekan; font-style: normal; font-weight: bold; src: url(fonts/eot/iranyekanwebbold-fanum.eot); src: url(fonts/eot/iranyekanwebbold-fanum.eot?#iefix) format('embedded-opentype'), /* IE6-8 */ url(fonts/woff2/iranyekanwebbold-fanum.woff2) format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url(fonts/woff/iranyekanwebbold-fanum.woff) format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url(fonts/ttf/iranyekanwebbold-fanum.ttf) format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 300; src: url(fonts/eot/iranyekanweblight-fanum.eot); src: url(fonts/eot/iranyekanweblight-fanum.eot?#iefix) format('embedded-opentype'), /* IE6-8 */ url(fonts/woff2/iranyekanweblight-fanum.woff2) format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url(fonts/woff/iranyekanweblight-fanum.woff) format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url(fonts/ttf/iranyekanweblight-fanum.ttf) format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: normal; src: url(fonts/eot/iranyekanwebregular-fanum.eot); src: url(fonts/eot/iranyekanwebregular-fanum.eot?#iefix) format('embedded-opentype'), /* IE6-8 */ url(fonts/woff2/iranyekanwebregular-fanum.woff2) format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url(fonts/woff/iranyekanwebregular-fanum.woff) format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url(fonts/ttf/iranyekanwebregular-fanum.ttf) format('truetype'); } /* Latin fonts (Roboto) */ @font-face { font-family: roboto; font-style: normal; font-weight: bold; src: url(fonts/eot/iransansweb.eot); src: url(fonts/eot/iransansweb.eot?#iefix) format('embedded-opentype'), /* IE6-8 */ url(fonts/woff2/iransansweb.woff2) format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url(fonts/woff/iransansweb.woff) format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url(fonts/ttf/iransansweb.ttf) format('truetype'); } @font-face { font-family: roboto; font-style: normal; font-weight: 300; src: url(fonts/eot/iransansweb.eot); src: url(fonts/eot/iransansweb.eot?#iefix) format('embedded-opentype'), /* IE6-8 */ url(fonts/woff2/iransansweb.woff2) format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url(fonts/woff/iransansweb.woff) format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url(fonts/ttf/iransansweb.ttf) format('truetype'); } @font-face { font-family: roboto; font-style: normal; font-weight: normal; src: url(fonts/eot/iransansweb.eot); src: url(fonts/eot/iransansweb.eot?#iefix) format('embedded-opentype'), /* IE6-8 */ url(fonts/woff2/iransansweb.woff2) format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url(fonts/woff/iransansweb.woff) format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url(fonts/ttf/iransansweb.ttf) format('truetype'); } a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline } hr, p { margin-bottom: 1.5em } html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: inherit } body { min-width: 350px; background: #fff; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block } caption, td, th { font-weight: 400; /* text-align: left */ } blockquote:after, blockquote:before, q:after, q:before { content: "" } blockquote, q { quotes: "" "" } body, button, input, optgroup, select, textarea { color: #3f3f3f; font-family: iranyekan ,roboto ,Arial; font-size: 16px; font-size: 1.6rem; line-height: 1.5 } h1, h2, h3, h4, h5, h6 { font-family: iranyekan ,roboto ,Arial; font-weight: 900; color: #000; clear: left } cite, dfn, em, i { font-style: italic } blockquote { margin: 0 1.5em } address { margin: 0 0 1.5em } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: .9375rem; line-height: 1.6; margin-bottom: 1.6em; overflow: auto; padding: 1.6em } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: .9375rem } abbr, acronym { border-bottom: 1px dotted #666; cursor: help } ins, mark { background: #fff9c0 } big { font-size: 125% } html { box-sizing: border-box } hr { background-color: #ccc; height: 1px } ul { list-style: none } li>ol, li>ul { margin-bottom: 0; margin-right: 1.5em; margin-left: .5em } dt { font-weight: 700 } dd { margin: 0 1.5em 1.5em } img { height: auto } figure { margin: 1em 0 } table { border-collapse: separate; border-spacing: 0; margin: 0 0 1.5em } button, input[type=button], input[type=reset]{ padding: 1em 2em; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; line-height: 1; color: #fff; background: #3d3d3d; border: none; cursor: pointer; -webkit-appearance: button } button:active, button:focus, button:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=reset]:active, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover { background: #a1285c; color: #ffffff; cursor:pointer; } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: #111 } select { border: 1px solid #ccc } a { color: #000 } a:visited { color: #333 } a:active, a:focus, a:hover { text-decoration: underline } .archive-news-date a:hover, .main-navigation a, .site-branding a, a:hover.page-numbers { text-decoration: none } a:focus { outline: dotted thin } .main-navigation { position: relative; padding: 0 60px; width: 100%; display: inline-block; clear: both; font-family: iranyekan ,roboto ,Arial; text-transform: uppercase; border-top: 1px solid #eff0f2; box-shadow: 0 4px 7px rgba(0,0,0,.12); background: rgb(247,248,250); text-align: justify; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { display:inline-block; position: relative; } .main-navigation a { display: block; padding: 1em; font-size: 12px; font-size: 1.2rem; line-height: 1.3em; outline:0; } .main-navigation ul ul { position: absolute; right: 0; z-index: 9999; display: none; float: left; padding: 0; background: #4c4c4c; } .main-navigation ul ul ul { position: absolute; z-index: 99999; display: none; float: left; padding: 0; background: #4c4c4c; Right: 100%; top: 0; } .main-navigation ul ul a { width: 200px; text-align: right } .main-navigation li:hover>a { color: #ffffff; background: rgba(161, 40, 92, 0.5); } .main-navigation ul ul a:hover { background: #303030 } .main-navigation ul li:hover>ul, .main-navigation ul li:focus-within>ul{ display: block } .main-navigation .current-menu-item>a, .main-navigation .current-menu-item>a:hover, .main-navigation .current_page_item>a, .main-navigation .current_page_item>a:hover { background: #A1285C; color:#fff; } .main-navigation .current-menu-item>a { background: #A1285C; color: #fff } .main-navigation .current_page_ancestor { background: #4c4c4c } .main-navigation .current_page_parent .current_page_item>a, .main-navigation ul ul .current_page_parent { color: #fff; background: #303030 } .menu-toggle { cursor: pointer; display: none } .sec-navigation li { display:inline-block; } .sec-navigation li:hover>a { color: #303030; background: #7dffbd; } .sec-navigation{ padding: 0 60px; background: #aeaeae; color: #fff; position: relative; border-bottom:1px solid #eff0f2; text-align: justify; } .sec-navigation ul { position: relative; } .sec-navigation a { display: block; padding: 1rem; font-size: 12px; font-size: 1.2rem; line-height: 1.3em; outline: 0; text-decoration: none; color:#fff; } .breadcrumbs{ padding: 0px 70px; position: relative; border-bottom:4px solid #A1285C; text-align: justify; font-size: 12px; font-size: 1.2rem; font-weight: 900; } .breadcrumbs span { padding-left: 5px; padding-bottom: 5px; padding-top: 5px; display: inline-block; } .breadcrumbs .sep { font-size: 1.5rem; font-size: 15px; } .breadcrumbs .current{ font-weight: 500; } @media screen and (max-width:600px) { .main-navigation { padding: 5px 10px; } .sec-navigation { padding: 0px 10px; } .sec-navigation li{ display:block; text-align: right; } .sec-navigation a { padding: 1.3em 2em; line-height: 0.3em; } .sec-navigation a:before{ content: ''; margin-left: 10px; border: 2px solid #fff; } .breadcrumbs { padding: 0 20px; text-align: right; } .menu-toggle { display: block; padding: 0 1em; font-weight: 400; font-size: 13px; font-size: 1.3rem; text-decoration: none; line-height: 3.75em; color: #ffffff; background: #a1285c; } .main-navigation.toggled .nav-menu { display: block; border-top: 1px dashed #303030; margin-top: 5px; padding: 5px 0; } .main-navigation ul { display: none; padding-left: 0 } .main-navigation li>ul{ margin-right: 1.5em; } .main-navigation li { display: block; text-align: right; } .main-navigation li a { padding: 1.3em 2em } .main-navigation li li a { padding-left: 4em } .main-navigation li li li a { padding-left: 6em } .main-navigation ul ul, .main-navigation ul ul ul { position: relative; top: inherit; left: 0; display: none; float: none; background: #303030; right: unset; } .main-navigation a { line-height: 0.3em; } .main-navigation ul li:hover>ul, .main-navigation ul li:focus-within>ul{ display: none; } .main-navigation ul li:focus>ul, .main-navigation ul li:focus-within>ul{ display: block; } .main-navigation ul a:before, .main-navigation ul ul a:before { content: ''; margin-left: 10px; border: 2px solid #A1285C; } .main-navigation .current-menu-item>a:before, .main-navigation .current_page_item>a:before { content: ''; margin-left: 10px; border: 2px solid #fff; } .main-navigation ul ul a { width: 100% } .main-navigation .current_page_ancestor { background: inherit } .main-navigation ul ul .current_page_parent { color: inherit; background: inherit } .main-navigation .current_page_item li:hover, .main-navigation .current_page_item>a, .main-navigation .current_page_item>a:hover, .main-navigation .current_page_parent .current_page_item>a { /*color: #fff;*/ /*background: #4c4c4c*/ } .top-head-navigation{ padding: 1rem; } .search-div{ margin-top: 1rem; } .menu-upper{ margin-top: 1rem; margin-right: 0 !important; } .menu-social{ margin-top: 1rem; } .caption-container { font-size: 13px !important; font-size: 1.3rem !important; padding: 0 !important; } .caption-container h2{ font-size: 18px; font-size: 1.8rem; } } .menu-social li a:before, .menu-upper li a:before { padding: 0 5px; font-size: 22px; -webkit-font-smoothing: antialiased } .menu-social { display: inline-block; vertical-align: middle; float: left; } .menu-social ul { margin-left: 60px; list-style: none } .menu-social ul li { position: relative; display: inline-block; height: 100% } .menu-social ul li:before { content: '|'; font-size: 24px; color: #303030; } .menu-social li a { margin: 0 10px; text-decoration:none; } .menu-social li a[href*="facebook.com"]::before { font-family: 'Font Awesome 5 Brands'; content: '\f39e' } .menu-social li a[href*="skype.com"]::before { font-family: 'Font Awesome 5 Brands'; content: '\f17e' } .menu-social li a[href*="t.me"]::before { font-family: 'Font Awesome 5 Brands'; content: '\f3fe' } .menu-social li a[href*="twitter.com"]::before { font-family: 'Font Awesome 5 Brands'; content: '\f099' } .menu-social li a[href*="plus.google.com"]::before { font-family: 'Font Awesome 5 Brands'; content: '\f0d5' } .menu-social li a[href*="instagram.com"]::before { font-family: 'Font Awesome 5 Brands'; content: '\f16d' } .menu-social li a[href*="linkedin.com"]::before { font-family: 'Font Awesome 5 Brands'; content: '\f0e1' } .menu-social li a[href*="reddit.com"]::before { font-family: 'Font Awesome 5 Brands'; content: '\f281' } .menu-upper { float: right; margin-right: 60px; display: inline-block; vertical-align: middle; min-height: 35px; } .menu-upper ul { list-style: none } .menu-upper ul li { position: relative; display: inline-block; height: 100% } .menu-upper ul li:not(:last-child):after { content: '|'; font-size: 20px; color: #303030; } .menu-upper li a { margin: 0 10px; font-size: 14px; font-size: 1.4rem; color: #303030; } .menu-upper li a:before { display: inline-block; color: #fff } .cat-icon-container, .custom-logo-link, .phone-container, .phone-image, .phone-image-helper { vertical-align: middle } @media screen and (max-width:903px) { .search-div { float: none !important; } .menu-social, .menu-upper { float: none } .menu-social ul, .menu-upper ul { margin: auto } } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { font-size: 18px; font-size: 1.8rem; font-family: iranyekan ,roboto ,Arial; color: #000 } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { width: 50%; float: left; padding-right: 15%; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { width: 50%; float: right; padding-left: 15%; text-align: right } .footer-main, .search-toggle, .site-branding, .site-header, .site-info { text-align: center } .nav-indicator { margin-bottom: 1em } .nav-next h1, .nav-previous h1 { font-weight: 900 } .post-nav-box { padding: 2em 0; margin-bottom: 4em; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal!important } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto!important; color: #21759b; display: block; font-size: 14px; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } .alignleft { display: inline; float: left; margin-right: 1.5em } .alignright { display: inline; float: right; margin-left: 1.5em } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto } .clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before { content: ""; display: table; table-layout: fixed } .custom-logo-link, .phone-container, .phone-image, .phone-image-helper, .site-branding, .site-description { display: inline-block } .clear:after, .comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after { clear: both } .site-header { background: #fff } .top-head-navigation { min-height: 38px; width: 100%; background-color: #ffffff; border-bottom: 1px solid #f2f2f2; box-shadow: 2px 2px 8px #f2f2f2; } .site-branding { background: #fff; margin: auto; padding: 5px 0; vertical-align: middle; } .branding-container{ height: 100%; max-width: 1230px; margin: auto; } .right-branding { width: 50%; min-width: 345px; margin-top: 10px; } .middle-branding { width: 32%; height: 124px; vertical-align:middle; min-width: 470px; margin-top: 10px; } .middle-inside-top { display:block; height:100%; } .middle-inside-bottom { display:block; } .banner-branding { width: 33.33%; min-width: 370px; height: 100px; } .banner-right { background: #FCA33D !important; } .banner-middle { background: #FB0238 !important; } .banner-left { background: #A1285C !important; } .left-branding { width: 32%; background-color: #A1285C; height: 95px; margin-right: 10px; min-width: 300px; } .site-title { /*font-family: 'A Ghasem';*/ font-weight: 300; font-size: 34px; font-size: 3rem; text-transform: uppercase; line-height: normal; margin: 0 } .site-description { font-weight: 500; font-size: 17px; font-size: 1.7rem; margin: 0 } .site-description, .site-title a { color: #494949 } .custom-logo { /* width: 100px; height: 100px; */ } .title-box { width: 600px; max-width: 75%; padding: 4rem; margin: 0 auto; border: 1px solid #fff; border: 1px solid hsla(0, 0%, 100%, .3) } .phone-image { height: 50%; } .banner1-image { height: 65%; vertical-align: middle; display: inline-block; } .banner-image { margin-left: 10px; vertical-align:middle; } .phone-image-helper { height: 100% } .phone-container { display:inline-block; vertical-align:middle; width:380px; } .tell2,.tell1{width:49%;display:inline-block;} .banner-container { display:inline-block; vertical-align:middle; } .description-container { display:inline-block; vertical-align:middle; } .phone-container .phone-number { animation: resize .5s alternate infinite } @keyframes resize { from { font-size: 32px } to { font-size: 35px } } .phone-description { display: block; font-size: 17px; margin-top:5px; } .banner1-description { display: inline-block; vertical-align: middle; font-size: 15px; width: 65%; color: white; text-align: right; } .banner-description { display: block; font-size: 23px; color:white; } .num-description { color: #4c4c4c; display: block; font-size: 18px; margin-top:3px; text-align: right; height: 25px; } .banner-fields{ font-size: 18px; } .phone-number { height: 42px; display: block; font-weight: 500; color: #1ea350; } .year-container{ display:inline-block; vertical-align:middle; } .banner-year{ font-size:50px; color:white; } .cat-icon-container { display: inline-block; margin-right: 20px } .cat-icon-description { display: block; font-size: 16px; font-size: 1.6rem; margin-top: 5px } .cat-icon-image, .site-title-container { display: inline-block; vertical-align: middle; } .cat-icon-image { height: 38px } input[type=search] { box-sizing: border-box; width: 100% } .search-div { float: left; margin-left: 1rem; display: inline-block; vertical-align: middle; } .search-div .search-submit{ display: none; } .search-box-wrapper { float: left; display: none; width: 200px } .search-box { float: left; padding: .1em } .search-box .search-field { margin-top: 3px; max-width: 280px; float: left; padding: .3rem .5rem .2rem 1rem; font-size: 16px; font-size: 1.6rem; background-color: #fff; border: 0 } .search-toggle { float: left; width: 35px; height: 35px; margin-left: 0px; color: #303030; font-size: 24px; cursor: pointer } .search-toggle, .search-toggle.active, .search-toggle:hover { background: #ffffff; } @media screen and (max-width:602px) { .cat-icon-image { height: 40px } .cat-icon-container { margin-right: 10px } .site-title { font-size: 30px; font-size: 3.0rem } .site-description { font-size: 15px; font-size: 1.5rem } .title-box { max-width: 100%; margin: 0; padding: 4rem; border: none } } @media screen and (max-width:450px) { .left-branding, .middle-branding, .right-branding { min-width: 343px;min-height: 185px; } .cat-icon-description { font-size: 14px; font-size: 1.4rem } .cat-icon-image { height: 35px } .banner-image { height: 70px; } .banner-year { font-size: 43px; } .banner-description { font-size: 20px; } .banner-fields { font-size: 15px; } .phone-container{ width:90%; } .tell2,.tell1{width:100%;display:inline-block;} .hidmob{display:none!important;} .phone-image{ height: 50%; margin-right: 5px; } .num-description { font-size: 14px; font-weight: 900; margin-top:0px; height: 25px; } @keyframes resize { from { font-size: 25px } to { font-size: 27px } } } /*footer styles*/ .site-footer { clear: both; width: 100% } .site-info { font-size: 14px; color: #fff; padding: 10px; display: inline-block; } .footer-main { margin-top: 10px; color: #6c6c6c; background-color: #f6f6f6; } .footer-side{ vertical-align: top; display: inline-block; width: 32%; text-align: right; padding: 15px; } .footer-side p { display: block; text-align: justify; margin: 20px; font-size: 13px; } .footer-side header h2, .footer-side section h2{ color: #2999a1; margin: 10px 20px; font-size: 18px; } .footer-main a { color: #7A9F0C; } .footer-main a:hover { text-decoration: none } .about-title h2{ color: #fff; margin: 0; font-size: 20px; } .st-call-div{ border-bottom: 1px solid #515151 } .st-call-div figure, .cell-call-div figure{ display: inline-block; vertical-align: middle; } .st-call-div section, .cell-call-div section{ margin-right: 57px; } .st-call-div p, .cell-call-div p{ width: 75%; display: inline-block; vertical-align: middle; } .address-div{ border-bottom: 1px solid #515151 } .address-div figure{ display: inline-block; vertical-align: middle; } .address-div div{ display: inline-block; vertical-align: middle; width: 80%; } .address-div p{ margin: 10px 25px; } .footer-bottom{ background-color: #6D717A; text-align: center; } .footer-bottom div{ width: 32%; } .all-call h3, .tehran-call h3, .cell-call h3{ display: inline-block; color: #fff; font-size: 16px; font-size: 1.6rem; margin: 5px 0; width: 49%; } .all-call p, .tehran-call p, .cell-call p{ display: inline-block; margin: 5px 0; width: 49%; } .footer-left div{ margin-bottom: 20px; } .footer-left p, .footer-left h3{ color: #000000; } .map-div{ max-width: 320px; margin: 25px auto; border: 1px solid #7A9F0C; padding: 2px; } .map-div img{ vertical-align: top; } .archive-article:first-child{ border-top: 1px solid #ccc } .content-area p, .sbi_header_text p { text-align: justify } @media screen and (max-width:1268px) { .footer-left { width: 50%; height: auto } .footer-right { width: 50% } .footer-middle { width: 50% } } @media screen and (max-width:895px) { .footer-left { width: 100%; max-width: none } .footer-middle, .footer-right { width: 100%; max-width: none; height: auto } } @media screen and (max-width:600px) { .footer-bottom div { width: auto; } } .content-area-first{ width: 75%; float: right; margin-right: 17px; } .widget-area-right { width: 13%; float: right; } .widget-area-left { width: 21%; margin-right: 17px; float: right; } .widget-area-right a, .widget-area-left a{ text-decoration: none; } @media screen and (max-width:1100px) { .site-content{ display:flex; flex-direction:column; } .content-area-first{ order:1; -webkit-order:1; } .widget-area-right { order:2; -webkit-order:2; } .widget-area-left { order:3; -webkit-order:3; } } @media screen and (max-width:1300px) { .widget-area-left { width: 20%; } } .top-right-1, .top-right-2, .top-left-1, .top-left-2{ display: block; margin-bottom: 10px; } .sidebar-pic-anchor{ cursor: pointer; } .content-area, .entry-header h2, .entry-meta, .sidebar-cat-title, .sidebar-cat-title p { display: inline-block } .widget_text h1 { color: #00aef0; font-size: 2.5rem; font-weight: 300 } .sidebar-cat-title { margin-right: -5px; vertical-align: middle } .sidebar-cat-title p { vertical-align: middle; margin-right: 5px } .sidebar-title-bullet { display: inline-block; width: 5px; height: 15px; background-color: #00aef0; vertical-align: middle } .widget_text h1 { font-size: 25px; padding-bottom: 5px; border-bottom: 2px solid #00aef0 } .sbi_header_text { direction: ltr } .sbi_header_text p { direction: rtl } .widget { margin: 0 0 1.5em } .widget select { max-width: 100% } .site { background: #EEEFF1; } .site-content { margin-top: 30px; margin-right: 60px; margin-left: 60px; } .content-area { width: 70%; margin-bottom: -9999px; padding-bottom: 9999px; margin-top: 20px } .site-main h1 { margin: 0 } .not-found { background-color: #fff; padding: 20px 50px; } .not-found .search-field { min-width: 150px; max-width: 500px } .search-submit{ margin: 20px 10px; padding: 10px; color: #000; background-color: #fff; border: 1px solid #00aef0; font-size: 14px; font-size: 1.5rem; } @media screen and (max-width:1100px) { .content-area-first{ display: block; width: 100%; margin: 0 auto; } .widget-area-right { display: block; width: 100%; text-align: center; margin: 0 auto; padding-bottom: 1rem; } .widget-area-left { display: block; width: 100%; text-align: center; margin: 0 auto; padding-bottom: 1rem; } .top-right-1, .top-right-2, .top-left-1, .top-left-2{ display: inline-block; margin-bottom: 10px; } } @media screen and (min-width:913px) and (max-width:1100px) { .slider-wrap { height: 487px; } .slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } } .comment-respond small, .nav-previous a { float: left } @media screen and (max-width:400px) { .caption-container { font-size: 11px !important; font-size: 1.1rem !important; background: rgba(48, 48, 48, 0.6) !important; background: hsla(0, 0%, 19%,0.6) !important; } .caption-container h2{ margin: 0.5rem 1rem !important; font-size: 14px !important; font-size: 1.4rem !important; } .caption-container header{ margin-bottom: 20px; } .caption-container p { display: none; } .circles-container { padding: 2px 5px !important; bottom: 4px !important; } .slider-prev, .slider-next { display: none; } .slider-dot { height: 12px !important; width: 12px !important; } } /*archive-page-styles*/ .archive-article { margin-bottom: 20px; background: #fff; } .archive-thumb-container, .paging-navigation ul { text-align: center; margin: 0 } .archive-thumb-container { vertical-align: middle; display: inline-block; background: #fff; width: 26%; padding: 10px; } .archive-thumb-container img { max-width: 150px; } .archive-post-content { display: inline-block; width: 73%; vertical-align: middle; padding: 15px; position: relative; background: #fff; } .read-more-wrap{ position: absolute; bottom: 15px; left: 15px; } .archive-post-content .read-more-a { display: block; border: 1px solid #00aef0; padding: 5px 8px; font-size: 13px; font-size: 1.3rem; } .paging-navigation li { display: inline-block; margin-top: 7px; } .archive-news-title, .archive-news-title h2, .archive-news-title-bullet { display: inline-block; vertical-align: middle } a:hover.page-numbers { color: #fff; background-color: #51650a; opacity: .75; } .paging-navigation .current { color: #fff; font-weight: 700; background-color: #a1285c; } .paging-navigation { list-style-type: none; margin-bottom: 20px; } .page-numbers a, .page-numbers span { color: #fff; background-color: #8a1c48; padding: .2em 1em; font-size: 1.4rem; font-size: 14px; display: inline-block; } @media screen and (min-width: 570px) and (max-width:670px) { .archive-thumb-container{ width: 30%; } .archive-post-content{ width: 66%; } } @media screen and (max-width:570px) { .archive-thumb-container{ display: block; width: auto; padding-top: 10px; } .archive-thumb-container img { max-width: none; } .archive-post-content{ display: block; width: auto; } } /*single page styles*/ .single-entry-content h1, .single-entry-content h2, .single-entry-content h3, .single-entry-header h1, .single-tags-title h2, article.page .entry-header h1 { font-family: "IRANYekan" } article.post { background: #fff; padding: 70px; border: 1px solid #ccc; -webkit-box-shadow: 2px 2px 5px 2px #ccc; -moz-box-shadow: 2px 2px 5px 2px #ccc; box-shadow: 2px 2px 3px 2px #ccc; display:flex; flex-direction: column; } article.post p{ text-align: justify; line-height:30px; } article.post ul{ line-height:30px; margin-bottom: 30px; list-style: square; } .single-entry-header { border-bottom: solid 2px #4c4c4c; position: relative; padding-bottom: 20px; order:1; -webkit-order:1; } .single-entry-header h1 { font-size: 3rem; font-size: 30px; color: #4c4c4c; width: 72%; display: inline-block; margin: 0 } .single-entry-meta { display: inline-block; position: absolute; font-size: 2.2rem; font-size: 22px; top: 5px; left: 0 } .single-thumb-container { text-align: center; margin: 30px auto; order:2; -webkit-order:2; } .gallery-item img, .triple-container { -webkit-box-shadow: -3px 3px 5px 3px #ccc; -moz-box-shadow: -3px 3px 5px 3px #ccc } .single-toc{ order:3; -webkit-order:3; } .single-entry-content { margin-top: 20px; order:4; -webkit-order:4; } .single-entry-footer { order:5; -webkit-order:5; } .single-entry-content h1 { font-size: 3rem; font-size: 30px; margin: 20px 0; } .single-entry-content h2 { font-size: 2.5rem; font-size: 25px; margin: 12px 0; } .single-entry-content h3 { font-size: 2.2rem; font-size: 22px; margin: 8px 0; } .single-entry-content a { color: #9E2558 } .single-entry-content .gglplsn_buttons { margin-bottom: 20px; padding-top: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center } .tags-container { text-align: justify } .related-gallery, .triple-container { text-align: center } .tags-container ul { list-style: none; margin: 20px 0 } .tags-container li { display: inline-block; background-color: #f3e3ea; padding: 2px 5px; margin: 5px } .single-tags-header { background: #a1285c; border-radius: 25px; display: block; height: 50px; font-size: 2rem; font-size: 20px; position: relative; margin: 0 auto; } .single-tags-title, .single-tags-title h2, .single-tags-title-bullet { display: inline-block; vertical-align: middle } .single-tags-title h2 { font-size: 2.5rem; font-size: 25px; margin-bottom: 0; margin-top: 0; margin-right: 20px; color: #ffffff } .single-tags-title-bullet { width: 8px; height: 25px; background-color: #a1285c } .gallery-item img { box-shadow: -3px 3px 5px 3px #ccc; border: 1px solid #ccc } @media screen and (max-width:1100px) { .single-content-area { display: block; width: 90%; margin: 20px auto 30px; padding-bottom: 0 } } @media screen and (max-width:700px) { article.post { padding: 30px; } .single-entry-header h1 { font-size: 2.5rem; font-size: 25px; width: 70%; } .single-entry-content h2 { font-size: 2.0rem; font-size: 20px; } .single-entry-content h3 { font-size: 1.8rem; font-size: 18px; } } @media screen and (max-width:400px) { .single-entry-header{ text-align:center; } .single-entry-header h1 { font-size: 2.4rem; font-size: 24px; width: 100%; } .single-entry-meta { position: relative; font-size: 1.6rem; font-size: 16px; } } .gallery-item, .single-container { text-align: center; vertical-align: top } .wp-caption, embed, iframe, object { max-width: 100% } .workshop-container { text-align: center; margin-top: 30px; padding: 0 10px } .sticky { display: block } .hentry { margin: 0 0 1.5em } .updated:not(.published) { display: none } /*page styles*/ article.page { background-color: #fff; padding: 50px; border: 1px solid #ccc; -webkit-box-shadow: 2px 2px 5px 2px #ccc; -moz-box-shadow: 2px 2px 5px 2px #ccc; box-shadow: 2px 2px 3px 2px #ccc; } .page-header { /*padding: 30px*/ } .entry-header { position: relative; } .entry-header h2 { font-size: 1.6rem; font-size: 16px; width: 70%; margin: 0; } .entry-meta { position: absolute; top: 5px; left: 0 } .entry-content p { font-size: 1.5rem; font-size: 15px; text-align: justify; margin-bottom: 40px; } .entry-content a { color: #0198f0; } .entry-content, .entry-summary, .page-content { margin: 0.8em 0 0 } .page-links { clear: both; margin: 0 0 1.5em } article.page .entry-header h1 { font-size: 3rem; font-size: 30px; color: #4c4c4c; display: inline-block; margin: 0 } /*comments styles*/ .comments-area { background-color: #fff; padding: 20px; -webkit-box-shadow: 2px 2px 5px 2px #ccc; -moz-box-shadow: 2px 2px 5px 2px #ccc; box-shadow: 2px 2px 3px 2px #ccc; border: 1px solid #ccc; margin-bottom: 20px; } .comment-content a { word-wrap: break-word } .bypostauthor { display: block } .comment-author, .comment-metadata { display: inline-block } .comment-list { margin-top: 20px } .comment { width: 100%; background: #fff!important; -webkit-box-shadow: -3px 3px 5px 3px #ccc; -moz-box-shadow: -3px 3px 5px 3px #ccc; box-shadow: -3px 3px 5px 3px #ccc; padding: 20px!important } .comment-metadata { float: left; padding: 10px } .comment-content p { margin: 20px } .comment-navigation { } .comment-navigation i { margin: 0 1em } .comment-meta { border-bottom: 1.5px solid #A1285D; padding-bottom: 37px; } .comment-author b { margin-right: 10px } .comment-author span { margin-bottom: 10px } .reply a { padding: 2px 5px; border: 1px solid #A1285D } .comment-respond small a { font-weight: 400 } .children { margin-top: 10px } .nav-next i, .nav-previous i { margin: 0 5px } .comment-form p input { width: 90% } .comment-form p input.submit { width: auto; padding: 8px; color: #000; background-color: #fff; border: 1px solid #A1285D; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width:400px) { .comment-respond h3 { font-size: 1.6rem; font-size: 16px } .comment { padding: 10px!important } .comment-author{ font-size: 15px; } .comment-meta{ padding-bottom: 35px; } .comment-metadata { font-size: 14px } .comment-content p { margin: 10px; font-size: 14px; } } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none } .infinity-end.neverending .site-footer { display: block } .comment-content .wp-smiley, .entry-content .wp-smiley, .page-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 } @media screen and (max-width:1000px) { .rev-btn { font-size: 18px!important; padding: 8px 15px!important } } @media screen and (max-width:750px) { .main-navigation{ padding: 0 20px; } .site-content { margin-top: 30px; margin-right: 0px; margin-left: 0px; overflow: hidden } .branding-container{ padding-bottom: 10px; } .rev-btn { font-size: 13px!important; padding: 3px 7px!important; margin-right: 40px!important } } @media screen and (max-width:500px) { .caption-container { font-size: 11px !important; font-size: 1.1rem !important; } .caption-container h2{ font-size: 15px; font-size: 1.5rem; } .rev-btn { font-size: 10px!important; padding: 2px 5px!important; margin-right: 40px!important } } /*.smooth_slideri a {*/ /*pointer-events: none;*/ /*cursor: default*/ /*}*/ /*.excerpt-container a {*/ /*pointer-events: all;*/ /*cursor: pointer*/ /*}*/ .wp-caption { margin-bottom: 1.5em } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto } .wp-caption .wp-caption-text { margin: .8075em 0 } .wp-caption-text { text-align: center } .gallery { margin-bottom: 1.5em } .gallery-item { min-width: 200px; display: inline-block; width: 100% } .gallery-columns-2 .gallery-item { max-width: 50% } .gallery-columns-3 .gallery-item { max-width: 33.33% } .gallery-columns-4 .gallery-item { max-width: 25% } .gallery-columns-5 .gallery-item { max-width: 20% } .gallery-columns-6 .gallery-item { max-width: 16.66% } .gallery-columns-7 .gallery-item { max-width: 14.28% } .gallery-columns-8 .gallery-item { max-width: 12.5% } .gallery-columns-9 .gallery-item { max-width: 11.11% } .gallery-caption { display: block } /*--------Slider---------*/ .animate { transition: transform 0.3s ease-out; } .slider-wrap { margin-bottom: 10px; width: 100%; } .slider { direction: ltr; position: relative; width: 100%; height: 100%; overflow: hidden; } .slider a { text-decoration: none; } .ms-touch.slider { overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; /* Hides the scrollbar. */ -ms-scroll-chaining: none; /* Prevents Metro from swiping to the next tab or app. */ -ms-scroll-snap-type: mandatory; /* Forces a snap scroll behavior on your images. */ -ms-scroll-snap-points-x: snapInterval(0%, 100%); /* Defines the y and x intervals to snap to when scrolling. */ } .holder { width: 500%; max-height: 487px; height: 100%; overflow-y: hidden; } .slide-wrapper { width: 20%; height: 100%; float: left; position: relative; overflow: hidden; } .slide { height: 100%; position: relative; } .slide img { z-index: 0; } /* Next & previous buttons */ .slider-prev, .slider-next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; } /* Position the "next button" to the right */ .slider-next { right: 0; border-radius: 3px 0 0 3px; } .slider-prev { left: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .slider-prev:hover, .slider-next:hover { background-color: rgba(0,0,0,0.8); } .caption-container { direction: rtl; color: #fff; font-size: 15px; font-size: 1.5rem; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; background: rgba(48, 48, 48, 0.7); background: hsla(0, 0%, 19%,0.7); } .caption-container header{ text-align: right; } .caption-container h2{ margin: 1rem 2rem; color: #fff; } .caption-container a{ text-decoration: none; cursor:pointer; } .caption-container p{ margin-bottom: 3.5rem; margin-left: 2rem; margin-right: 2rem; text-align: justify; } /* Number text (1/5 etc) */ .number-text { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; z-index: 1; } /* The dots/bullets/indicators */ .circles-container{ color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } .slider-dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .slider-dot:hover { background-color: #717171; } /*for big screens slide image should fill the slider */ @media screen and (min-width:1366px) { .site-content{ max-width:1240px; margin:20px auto; } .slider-wrap { height: 487px; } .slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } } .first-posts-wrap{ background-color: #fff; } .icons-wrap{ text-align: center; } #edu-nav{ background-color: #A1285C; } .icn-wrap{ display: inline-block; border-radius: 10px; text-align: center; padding: 10px 5px; width: 23%; margin-right: 10px; margin-bottom: 10px; background: #A1285C; } .edu-icn:hover{ cursor: pointer; background-color: #3bafab; } .icn-wrap a{ color: #fff; font-size: 12px; font-size: 1.2rem; text-decoration: none; } .icn-wrap img{ display: block; margin: auto; } .icn-wrap p{ display: block; margin-bottom: 0; margin-top: 10px; font-size:16px; } .first-posts-header{ position: relative; min-height: 50px; } #edu-header{ border-bottom: 1px solid #A1285C; } .first-header-h{ display: inline-block; width: 49%; padding-right: 25px; } .first-header-tabs{ display: inline-block; width: 50%; direction: ltr; } .first-header-h h2{ font-family: "A Ghasem"; font-weight: 500; margin: 10px 0; display: inline-block; } .edu-first-header-h h2{ color: #A1285C; } .triangle{ vertical-align: middle; display: inline-block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .edu-triangle{ border-right:10px solid #A1285C; } .section-tab{ background-color: #fff; border: 1px solid; font-size: 12px; padding: 7px; margin-left: 25px; display:inherit; } .section-tab a:hover, .section-tab a:focus, .section-tab a:active{ color: #fff; } .edu-tab{ color: #A1285C; } .edu-tab a{ color: #A1285C; text-decoration: none; } .edu-tab:hover, .edu-tab:focus, .edu-tab:active{ background-color: #A1285C; color: #fff; } .edu-bot-nav{ margin: 10px 0; background-color: #fff; border-bottom: 3px solid #A1285C; } #edu-figure{ border:1px #A1285C solid; } .bot-nav-wrap ul{ text-align: center; } .bot-nav-wrap li{ display: inline-block; font-size: 13px; padding: 10px 5px; } .bot-nav-wrap a{ color: #333333; } .first-posts-container{ padding-top: 10px; min-height: 443px; } .post-pic-container{ float: right; margin: 10px; width: 45.5%; } .post-pic-container figure{ margin: 0; padding: 2px; } .post-pic-container img{ vertical-align: bottom; } .post-pic-container .first-title-wrap{ padding: 10px; } .post-pic-container .first-anchor-wrap{ text-align: right; vertical-align: middle; display: inline-block; margin-right: 10px; width: 90%; } .post-pic-container .border-span{ border-right: 11px solid; height: 11px; display: inline-block; vertical-align: middle; width: 5%; } .posts-excerpts{ display: inline-block; width: 47%; border-bottom: 1px dashed; margin: 0 10px; padding: 11px 0; } .posts-excerpts figure{ vertical-align: middle; margin: 0; display: inline-block; } .posts-excerpts img{ vertical-align: bottom; } .posts-excerpts div{ vertical-align: middle; width: 80%; display: inline-block; margin-right: 10px; } .posts-excerpts a{ font-size: 1.4rem; font-size: 14px; } #skill-nav,#love-nav,#mar-nav,#psy-nav{ background-color: transparent; } .psy-icn:hover{ cursor: pointer; background-color: #17ab5d; } #psy-figure{ border:1px #A1285C solid; } #psy-header{ border-bottom: 1px solid #A1285C; } .psy-tab{ color: #A1285C; } .psy-tab a{ color: #A1285C; text-decoration: none; } .psy-tab:hover, .psy-tab:focus, .psy-tab:active{ background-color: #A1285C; color: #fff; } .psy-bot-nav{ margin: 10px 0; background-color: #fff; border-bottom: 3px solid #A1285C; } .psy-first-header-h h2{ color: #A1285C; } .psy-triangle{ border-right:10px solid #A1285C; } #fml-nav{ background-color: transparent; } .fml-icn:hover{ cursor: pointer; background-color: #2999a1; } #fml-figure{ border:1px #A1285C solid; } #fml-header{ border-bottom: 1px solid #A1285C; } .fml-tab{ color: #A1285C; } .fml-tab a{ color: #A1285C; text-decoration: none; } .fml-tab:hover, .fml-tab:focus, .fml-tab:active{ background-color: #A1285C; color: #fff; } .fml-bot-nav{ margin: 10px 0; background-color: #fff; border-bottom: 3px solid #A1285C; } .fml-first-header-h h2{ color: #A1285C; } .fml-triangle{ border-right:10px solid #A1285C; } #wrk-section{ margin-top: 25px; } .first-wrk-container{ text-align: center; padding-top: 10px; min-height: 443px; } #wrk-header{ border-bottom: 1px solid #fff; background-color:#A1285C ; } .wrk-tab{ color: #fff; background-color: #A1285C; } .wrk-tab a{ color: #fff; text-decoration: none; } .wrk-tab:hover, .wrk-tab:focus, .wrk-tab:active{ background-color: #fff; color: #A1285C; } .wrk-tab a:hover, .wrk-tab a:focus, .wrk-tab a:active{ background-color: #fff; color: #A1285C; } .wrk-first-header-h h2{ color: #fff; } .wrk-triangle{ border-right:10px solid #fff; } .wrk-excerpts{ background-color: #FFE4B3; display: inline-block; width: 30%; margin: 10px; padding: 11px 0; } .wrk-excerpts figure{ vertical-align: middle; margin: 0; display: inline-block; } .wrk-excerpts img{ vertical-align: bottom; } .wrk-excerpts div{ vertical-align: middle; width: 80%; display: inline-block; margin-right: 10px; } .wrk-excerpts a{ font-size: 1.4rem; font-size: 14px; } /*Index Page Media Queries*/ @media screen and (max-width:1150px) { .posts-excerpts div{ width: 70%; } } @media screen and (min-width:900px) and (max-width:1100px) { .post-pic-container{ width: 36%; } .posts-excerpts{ width: 58%; } } @media screen and (max-width: 700px){ .wrk-excerpts { width: 45%; } } @media screen and (max-width: 500px){ .wrk-excerpts { width: 80%; } } /*sidebar-search-styles*/ .side-search-div{ border: 1px solid #848484; height: 44px; background-color: #fff; } .side-search-toggle{ display: inline-block; vertical-align: top; float: left; height: 100%; } .side-search-box-wrapper{ display: inline-block; vertical-align: middle; width: 75%; height: 100%; float: right; padding-right: 5px; } .side-search-box{ height: 100%; width: 100%; } .side-search-box .search-submit{ display: none; } .side-search-box .search-form{ height: 100%; width: 100%; } .side-search-div .search-field{ border: none; border-radius: 0; padding: 0; height: 100%; font-size: 14px; } input.search-field:focus { outline-width: 0; } /*pro-menu-styles*/ .pro-menu-wrapper{ border: 1px solid #A1285C ; margin-top: 10px; } .pro-menu-header{ position: relative; background-color: #A1285C; width: 100%; height: 50px; } .pro-menu-section{ background-color: #fff; padding: 10px 20px; font-size: 12px; } .pro-menu-section li{ text-align: justify; border-bottom: 1px solid #A1285C; margin: 5px 0; padding: 5px 0; min-height: 40px; } .pro-menu-section a{ color: #6c6c6c; } .pro-menu-tab{ padding: 10px; height: 30px; text-align: center; font-size: 12px; font-size: 1.8rem; /* background-color: #fff; */ color: #fcfcfc; border-bottom: 1px solid #A1285C; } /*most-commented-posts-styles*/ .cmt-menu-wrapper{ border: 1px solid #A1285C ; margin-top: 10px; } .cmt-menu-header{ position: relative; background-color: #A1285C; width: 100%; height: 50px; } .cmt-menu-headers{ position: relative; background-color: #A1285C; width: 100%; height: 100px; } .cmt-menu-section{ background-color: #fff; padding: 10px 15px; font-size: 14px; } .cmt-menu-tab{ padding: 10px; height: 30px; text-align: center; font-size: 12px; font-size: 1.8rem; /* background-color: #fff; */ color: #fcfcfc; border-bottom: 1px solid #A1285C; } .most-cmt-posts{ text-align: justify; font-size: 12px; font-size: 1.2rem; padding: 5px 0; margin: 5px 0; min-height: 40px; border-bottom: 1px solid #A1285C } .most-cmt-posts a{ color: #6c6c6c; } /*most-viewed-posts-styles*/ .view-menu-wrapper{ border: 1px solid #A1285C ; margin-top: 10px; } .view-menu-header{ position: relative; background-color: #A1285C; width: 100%; height: 50px; } .view-menu-section{ background-color: #fff; padding: 10px 15px; font-size: 14px; } .view-menu-tab{ padding: 10px; height: 30px; text-align: center; font-size: 12px; font-size: 1.8rem; /* background-color: #fff; */ color: #fcfcfc; border-bottom: 1px solid #A1285C; } .most-view-posts{ text-align: justify; font-size: 12px; font-size: 1.2rem; padding: 5px 0; margin: 5px 0; min-height: 40px; border-bottom: 1px solid #A1285C; } .most-view-posts a{ color: #6c6c6c; } @media screen and (max-width: 1100px){ .side-search-div{ width: 84%; margin: auto; } .pro-menu-tab{ right:15px } .cmt-menu-tab{ right:15px } .view-menu-tab{ right:15px } } @media screen and (min-width:400px) and (max-width:1100px) { .top-right-1, .top-right-2{ display: none; } .cmt-menu-wrapper{ margin-top: 0; } } @media screen and (max-width:400px) { .top-right-1, .top-right-2{ display: inline-block; width: 49%; } } .shadow-left{ } .shadow-right{ -webkit-box-shadow: 2px 2px 5px 2px #ccc; -moz-box-shadow: 2px 2px 5px 2px #ccc; box-shadow: -2px 2px 3px 2px #ccc; } .most-cmt-posts:last-child, .most-view-posts:last-child, .pro-items li:last-child, .posts-excerpts:last-child{ border-bottom: none; } /*category page styles*/ .fml-cat-section:first-child{ margin-top: 0; } .fml-cat-section{ margin-top: 30px; } .fml-cat-figure{ border:1px #A1285C solid; } .fml-cat-header{ background-color: #A1285C; } .fml-cat-tab{ color: #fff; background-color: #A1285C; } .fml-cat-tab a{ color: #fff; text-decoration: none; } .fml-cat-tab a:hover{ color: #A1285C; text-decoration: none; } .fml-cat-tab:hover, .fml-cat-tab:focus, .fml-cat-tab:active{ background-color: #fff; color: #A1285C; } .fml-cat-first-header-h h2{ color: #fff; } .fml-cat-triangle{ border-right:10px solid #fff; } .psy-cat-section:first-child{ margin-top: 0; } .psy-cat-section{ margin-top: 30px; } .psy-cat-figure{ border:1px #A1285C solid; } .psy-cat-header{ background-color: #A1285C; } .psy-cat-tab{ color: #fff; background-color: #A1285C; } .psy-cat-tab a{ color: #fff; text-decoration: none; } .psy-cat-tab a:hover{ color: #A1285C; text-decoration: none; } .psy-cat-tab:hover, .psy-cat-tab:focus, .psy-cat-tab:active{ background-color: #fff; color: #A1285C; } .psy-cat-first-header-h h2{ color: #fff; } .psy-cat-triangle{ border-right:10px solid #fff; } .edu-cat-section:first-child{ margin-top: 0; } .edu-cat-section{ margin-top: 30px; } .edu-cat-figure{ border:1px #A1285C solid; } .edu-cat-header{ background-color: #A1285C; } .edu-cat-tab{ color: #fff; background-color: #A1285C; } .edu-cat-tab a{ color: #fff; text-decoration: none; } .edu-cat-tab a:hover{ color: #A1285C; text-decoration: none; } .edu-cat-tab:hover, .edu-cat-tab:focus, .edu-cat-tab:active{ background-color: #fff; color: #A1285C; } .edu-cat-first-header-h h2{ color: #fff; } .edu-cat-triangle{ border-right:10px solid #fff; } .wrk-cat-section:first-child{ margin-top: 0; } .wrk-cat-section{ margin-top: 30px; } .wrk-cat-figure{ border:1px #A1285C solid; } .wrk-cat-header{ background-color: #A1285C; } .wrk-cat-tab{ color: #fff; background-color: #A1285C; } .wrk-cat-tab a{ color: #fff; text-decoration: none; } .wrk-cat-tab a:hover{ color: #A1285C; text-decoration: none; } .wrk-cat-tab:hover, .wrk-cat-tab:focus, .wrk-cat-tab:active{ background-color: #fff; color: #A1285C; } .wrk-cat-first-header-h h2{ color: #fff; } .wrk-cat-triangle{ border-right:10px solid #fff; } @media screen and (max-width: 600px){ .first-posts-container { text-align: center; } .first-header-h { display: block; width: auto; padding-right: 0; } .first-header-tabs { display: block; width: auto; position: inherit; text-align: center; } .first-posts-header{ text-align: center; } .post-pic-figure{ border: none !important; padding: 0px; } .post-pic-container { float: none; width: auto; } #edu-figure img { border: 1px #A1285C solid; padding: 2px; } #psy-figure img { border: 1px #A1285C solid; padding: 2px; } #fml-figure img { border: 1px #A1285C solid; padding: 2px; } .fml-cat-figure img { border: 1px #A1285C solid; padding: 2px; } .psy-cat-figure img { border: 1px #A1285C solid; padding: 2px; } .edu-cat-figure img { border: 1px #A1285C solid; padding: 2px; } .wrk-cat-figure img { border: 1px #A1285C solid; padding: 2px; } .posts-excerpts { display: block; width: auto; } .section-tab{ margin-left: 0; border-bottom:none; } } .avijee-related-article{ border-right: 4px solid #a1285c; background: #f0f0f0; padding: 0px 10px; font-size: 14pt; font-weight: 700; } .avijee-related-article hr { margin: 15px 0; border-top: 2px solid #f0f0f0; } .avijee-related-article strong a{ color: #a1285c; } .avijehmos-related-article{ border-right: 1px solid #00BFD6; border-left: 1px solid #00BFD6; border-top: 4px solid #00BFD6; border-bottom: 1px solid #00BFD6; background: #EEFFFF; padding: 0px 10px; font-size: 12pt; font-weight: 700; width: 100%; -webkit-box-shadow: -3px 3px 5px 3px #ccc; -moz-box-shadow: -3px 3px 5px 3px #ccc; box-shadow: -3px 3px 5px 3px #ccc; padding: 20px!important; } .avije-related-article strong a{ color: #1115a5; } .avije-related-article{ border-radius: 10px; border-right: 2px solid #a1285c; border-left: 2px solid #a1285c; border-top: 4px solid #a1285c; border-bottom: 2px solid #a1285c; background: #a1285c21; font-size: 12pt; font-weight: 700; width: 100%; -webkit-box-shadow: -3px 3px 5px 3px #ccc; -moz-box-shadow: -3px 3px 5px 3px #ccc; box-shadow: -3px 3px 5px 3px #ccc; padding-top: 20px!important; margin-bottom: 45px!important; } .avijehmosh-related-article strong a{ color: #1115a5; } .shoping-avijeh { position:fixed;left:1px;bottom:1px;z-index:10;background:rgba(255,255,255,0.7); } .single-toc { border-right: 1px solid #a1285c; border-left: 1px solid #a1285c; border-top: 4px solid #a1285c; border-bottom: 1px solid #a1285c; background: #eeeff140; font-size: 12pt; font-weight: 700; width: 100%; -webkit-box-shadow: -3px 3px 5px 3px #ccc; -moz-box-shadow: -3px 3px 5px 3px #ccc; box-shadow: -3px 3px 5px 3px #ccc; padding: 20px; } .single-toc .item-h2, .single-toc .item-h3, .single-toc .item-h4, .single-toc .item-h5, .single-toc .item-h6 { margin-top:10px; } .item-h3 { padding-right: 15px; } .item-h4 { padding-right: 30px; } .item-h5 { padding-right: 45px; } .item-h6 { padding-right: 60px; } .single-toc a{ color: #a1285c; } .single-toc .h5{ font-size: 20px; margin-bottom: 15px; } .single-toc .items i{ margin-left: 5px; color: #a1285c; font-size: 20px; } .sticky-wrap{ position: sticky; position: -webkit-sticky; bottom: 0; background-color: rgba(161, 40, 92); } .sticky-call{ text-align: center; height: 50px; width: 80%; margin: 0 auto; background-color: #a1285c; color: #fff; cursor: pointer; } .sticky-call header{ padding:5px; display: inline-block; } .sticky-call section { display: inline-block; } .sticky-call div{ display:inline-block; padding:12px; } .sticky-call p{ text-align:center; margin:0; font-weight:900; } .sticky-call a{ color: #fff; } @media screen and (max-width:400px) { .sticky-call{ width: 88%; } .sticky-call p{ font-size:14px; } .sticky-call div{ padding:12px; } .sticky-call header{ padding:2px; } } .fa-search:before { content: "\f002"; } #cat-title { font-size: 2.5rem; font-size: 25px; } #cat-des>p { font-size: 15px; text-align: justify; padding-bottom: 20px; line-height: 30px; margin-bottom: 1.5em; margin-top: 1.5em; } .tags-row { padding: 5px 10px; height: 30px; border-radius: 15px; background-color: #a1285c; position: absolute; bottom: 15px; left: 15px; font-size: 12px; } .tags-row a {color: #fcfcfc !important;} a.tags { padding-right: 6px; } .fa-tags:before { content: "\f02c"; color: #fcfcfc; } img.custom-logo { } img.image-first-page { margin-right: 10px; margin-bottom:30px; } img.search-icn { margin-top: 5px; margin-left: 5px; } aside#secondary-left { position: sticky; top: -50px; } .archive-article-content{ margin-bottom: 20px; background: #fff; padding: 40px; } .footer_divider { display: flex; background: rgb(109, 113, 122); margin-bottom: -10px; } .poshtiban { flex: 50%; } .leftside>p>a { color:#fff !important; } .rightside>p>a { color:#fff !important; } .rightside { text-align: center; padding-top: 30px; font-size:23px; } .leftside { text-align: center; padding-top: 30px; font-size:23px; } .footer-side.footer-left>div>i { font-size: 30px; } .st-call-div>header>i { font-size: 30px; } .cell-call-div>header>i { font-size: 25px; } #related-posts { border: 1px solid #a1285c; border-radius: 10px; margin-bottom: 40px; order:4; -webkit-order:4; } .related-header{ padding: 13px 0px; margin: 0 20px; border-bottom: dashed 1px #a1285c; } .related-header p { margin-bottom: 0px !important; font-size: 20px !important; font-weight: 900; color: #575757eb; } #related-posts ul { text-align:center; margin-top: 25px; margin-bottom: 10px; } #related-posts li { width:28%; min-width: 170px; margin: 10px 10px; display:inline-block; list-style:none; vertical-align: top; } .related-content p{ font-size: 15px; margin-bottom: 0; } @media screen and (max-width:440px) { #related-posts li { min-width: 210px; } } #tableStyle { font-family: iranyekan ,roboto ,Arial; direction: rtl; text-align: right; border-collapse: collapse; width: 100%; } #tableStyle td, #tableStyle th { border: 1px solid #ddd; padding: 8px; } #tableStyle tr:nth-child(even){background-color: #f2f2f2;} #tableStyle tr:hover {background-color: #ddd;} #tableStyle th { padding-top: 12px; padding-bottom: 12px; text-align: right; background-color: #4CAF50; color: white; } .comment-form-email, .comment-form-url { display: none; } #tele-banner{ width:100%; height:70px; background-color:#66acdd; margin-bottom: 10px; } .tele-image{ margin-right: 20px; max-height: 70px; } .tele-img-ctr{ display:inline-block; vertical-align:middle; width:20%; } .tele-txt-ctr{ display:inline-block; vertical-align:middle; width:75%; color: white; text-align: justify; padding: 10px; } .tele-txt-ctr p{ margin-bottom:auto; font-size: 14px; } #t-banner-link{ text-decoration:none; } @media screen and (max-width:600px) { #tele-banner{ text-align:center; } .tele-img-ctr{ width:20%; } .tele-image{ margin-right: auto; width: 80%; } .tele-txt-ctr{ width:70%; } .tele-txt-ctr p{ font-size: 12px; } } .avije-related-articles-psy { text-align: right; width: 57%; background-color: #f0f0f0; padding: 0 15px; border-right: 3px solid #9e2558; float: left; margin: 0 30px 5px 0; } .avije-related-articles-psy p { border-top: 1px solid #ddd; padding: 6px 0; } /* start of blockquote */ .previewer{ display: inline; position: absolute; width: 200px; background: #fcfcfc; border-radius: 5px; box-sizing: border-box; padding: 10px; border: 1px solid #fcfcfc; box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2); margin: 0px; margin-top: 30px; margin-right: -180px; } .previewer h3{float: right; font-size: 10px; line-height: 17px;} .previewer img{float: right; display: block; max-width: 100px; height: auto; margin-left: 10px; margin-top: 13px; border-radius: 8px; border: 1px solid #D8D8D8;} .previewer div{ font-size: 10px; line-height: 24px !important; color: black; } /* end of blockquote */ div#insta-banner { width: 100%; height: 74px; margin-bottom: 10px; background: #d33838; } .inner-f { width: 100%; } li#instafooter { width: 55px; position: fixed; top: 100px; right: 0; height: 62px; border-radius: 10px 0px 0px 10px; background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); } li#instafooter a:before { font-family: 'Font Awesome 5 Brands'; content: '\f16d'; color: #fff; font-size: 39px; padding: 10px; } li#instafooter a:hover { background: transparent; list-style: none; text-decoration: none; } li#instafooter:hover a:before { color: #dcdcdc; } @media(max-width:320px) { li#instafooter { width: 45px; height: 45px; } li#instafooter a:before { font-size: 30px; padding: 0px 8px 0px 0px; } } .comment-meta { border-bottom: 1.5px solid #a1285c; padding-bottom: 37px; } .tags-container li { display: inline-block; background-color: #f3e3ea; padding: 2px 5px; margin: 5px; } .depth-1 { box-shadow: 0px 0px 10px 1px #a1285c70 !important; } .children { margin-top: 10px; } .comments-area { background: none!important; box-shadow: none !important; border: none !important; } .tags-container li { margin: 10px !important; } a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { border-radius: 8px !important; } .single .single-toc a { font-size: 14px!important; } #course-advice { margin: 50px 0; } #course-advice #advice_content { min-height: 490px; background-color: #f5f5f5; border-radius: 10px; line-height: 2em; } #advice_content .form_box { position: relative; } #course-advice #advice_content .form_box .title { padding-top: 25px; } #course-advice #advice_content .form_box .title { padding-top: 25px; line-height: 27px; } #advice_content .form_box .title { text-align: right; font-size: 19px; font-weight: 700; line-height: 34px; color: #A1285C; } #advice_content .form_box .text { text-align: right; padding-top: 15px; direction: rtl; } .sabett { color: #A1285C; text-align: center; } .gform_button.button { background-color: #A1285C !important; border-radius: 100px !important; color: #fff !important; line-height: 2 !important; box-shadow: 0 2px 12px rgba(242,45,51,.6) !important; padding: 9px 15px !important; font-size: 17px !important; width: 100%; display: block; text-align: center; } #advice_content .mobile_contact { display: none; } #advice_content .pic_box { background-position-x: -200px !important; color: #fff; height: 100%; position: absolute; left: 0; top: 0; direction: rtl; padding: 15px; background: url(https://avije.org/wp-content/uploads/2020/09/lightbox.jpg) top right no-repeat; background-size: cover; } #advice_content .pic_box::before { background-color: #000; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: .4; } #advice_content .pic_box .title { text-align: center; font-size: 29px; font-weight: 700; line-height: 34px; position: relative; z-index: 10; } #advice_content .pic_box .text { text-align: center; line-height: 50px; position: relative; z-index: 10; } #advice_content .pic_box .contact_us { position: absolute; bottom: 0; display: block; width: 100%; padding: 0 0 10px 30px; } #course-advice #advice_content .pic_box .contact_us a { height: initial; } #advice_content .pic_box .contact_us a { display: block; width: 100%; height: 27px; color: #ececec; } @media (max-width: 540px) { #advice_content .pic_box { display: none; } } /*boot*/ @media (min-width: 576px) { .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } } @media (min-width: 1200px) { .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 576px) { .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }