/*
Theme Name: Alinan WP
Theme URI: http://themeforest.net/user/An-Themes/portfolio
Description: Alinan WP - A Personal WordPress Blog and Vlog Theme. For more Premium WordPress Themes, check <a href="http://themeforest.net/user/An-Themes/portfolio">An-Themes</a> portfolio. More info regarding <strong>"Alinan WP"</strong> Theme can be found <a href="http://themeforest.net/user/An-Themes/portfolio">here</a>.
Version: 1.9
Author: An-Themes
Author URI: https://anthemes.com
Tags: sticky-post, right-sidebar, custom-colors
Text Domain: alinan-wp
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

------------------------------------------------ 

				0.	CSS Reset 
				1.	Layout
				2.  Header
				3.  Home Content
				4.  Entry Content
				5.  Sidebar & Widgets
				6.  Comments
				7.  Contact Form
				8.  Custom Pages 
			    9.  Footer
			   10.  Shortcodes

-------------------------------------------------- */


/*-----------------------------------------------------------------------------
----------------------------- 0 - CSS Reset -----------------------------------
-----------------------------------------------------------------------------*/
html,body,h1,h2,h3,h4,h5,h6,form,li,ul,ol,p,input,select,legend,textarea,fieldset { margin:0; padding:0;}
ul, ol                     { list-style-type: none; }
:focus                     { outline: 0;}
*:focus                    {  outline: 0; }
ins                        { text-decoration: none; }
del                        { text-decoration: line-through; }
img                        { border:none;}

h1,h2,h3,h4,h5,h6          { line-height:26px;}
h1                         { font-size: 26px; }
h2                         { font-size: 24px; }
h3                         { font-size: 22px; }
h4                         { font-size: 20px; }
h5                         { font-size: 18px; }
h6                         { font-size: 16px; }

pre                        { background: url(images/bg_pre.png); line-height: 20px; font-size: 12px; display: block;  margin: 14px 0; overflow:hidden; padding: 21px 18px 18px 18px;  }
pre:hover                  { overflow:scroll;}

strong                     { font-weight: bold;}
fieldset                   { border: none;}

.clear                     { clear:both; display:block;}
.sleft                     { float:left;}
.sright                    { float:right;}
iframe                     { border: 0 !important;}

input[type="email"],
input[type="number"],
input[type="search"],
textarea,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"]     { -webkit-appearance: none; height:40px; font-size: 14px; font-weight: bold; }


/*-----------------------------------------------------------------------------
----------------------------- 1 - Layout --------------------------------------
-----------------------------------------------------------------------------*/
*                          { margin: 0; padding: 0; }
html body                  { font: 14px/22px "Droid Sans", Helvetica, Arial, sans-serif; font-weight: 400; -webkit-text-size-adjust: none; overflow-x:hidden; }

/* - Header - */
header                     { width: 100%; height: auto; margin: 0 auto; }
.main-menu                 { width: 100%; height: 60px; margin: 0 auto; }
header div.wrap            { width: 1180px; height: auto; margin: 0 auto; }

/* - Layout content - */
.wrap-fullwidth            { width: 1320px; height: auto; margin: 25px auto; padding: 0; overflow-x: hidden; }
.wrap-fullwidth-bg         { width: 1320px; height: auto; margin: 25px auto; padding: 0; overflow-x: hidden;}
.halfpage                  { width: 570px; padding: 0 15px;}
body.single .wrap-fullwidth { margin-bottom: 50px;}            

/* - Home layout - */
.border-fullwidth          { width: auto; height: auto; margin: 0 auto 0 auto; padding: 0 0px; overflow: hidden; }
.home-content              { width: 1690px; height: auto; margin: 60px auto 100px auto; }

/* - page-content - */
.wrap-middle               { width: 1320px; height: auto; margin: 25px auto; overflow-x: hidden; }
.home-middle               { width: 1320px; height: auto; margin: 0 auto; }
.wrap-content              { width: 1320px; height: auto; float: left; }

/* - single-content - */
.articles-content          { width: 969px; padding-top: 25px;}
.single-content            { width: 919px; height: auto; float: left; margin-left: 25px; }
.sidebar                   { width: 299px; float: right; margin: 40px 25px 0 0; padding-left: 25px; }


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/

/* -- Logo -- */
.logo                      { float: left; margin-top: -10px; padding: 0 20px 0 20px; max-height: 70px; z-index: 2001; position: relative; }
 
/* Modal PopUp Search box */
.md-modal                  { position: relative;  float: right; width: 290px; height: auto; z-index: 2002; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.md-show                   { visibility: visible; }
.md-overlay                { position: fixed; width: 300px; height: 50px; visibility: hidden; left: 0; z-index: 1000; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show ~ .md-overlay     { opacity: 1; visibility: visible; }
/* Content styles */
#modal-7                   { margin-right:-119px;}
.md-content                { margin: -62px 0 0 0;  position: relative; border-bottom-left-radius: 3px;  }
.md-content > div          { padding: 0 0 0 0; margin: 0 0 0 0; font-weight: 300; font-size: 1.15em; }
.md-content button         { display: block; margin: 2px auto 0 auto; font-size: 0.8em; padding-left: 15px; }
/* Effect 7:  slide and stick to top */
.md-effect-7               { top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.md-modal button           { border: none; padding: 13px 15px 11px 15px; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; float: left; }
.md-modal button:hover i   { opacity: 0.8;}

/* -- Search -- */
#searchform2               { height: 55px; margin: 0 0 0 0; border-radius: 5px; padding-top: 5px; padding-bottom: 2px;}
#searchform2 #s            { font-weight: bold; height: 40px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 2px 25px 0 20px; font-size: 13px; }
#searchform2 .buttonicon   { width: 42px; height: 42px; position: absolute; background:url(images/btn_search.png) 13px 14px no-repeat; float: right; border: none; text-align: center; font-weight: bold; font-size: 0px;  border-bottom-right-radius: 3px;}
#searchform2 .buttonicon:hover   { cursor: pointer; }
#searchform2 #s            { width: 175px; }

/* -- Live Search -- */
ul.dwls_search_results     { width: 260px !important; padding: 20px !important; margin-left: -42px !important; z-index: 999999 !important; background-color: #000 !important; }
ul.search_results li.post_with_thumb img { margin-top: 5px !important; }
ul.search_results li.post_with_thumb a { width: 180px !important; float:left; margin-top: 13px !important; margin-bottom: 0px !important; }
ul.search_results li       { padding: 10px 0 10px 0 !important; font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; }

/* -- AnThemes Top Header Menu -- */
.ant-responsive-menu       { width: auto; height: 60px; float: left; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 700; margin: 0; padding: 0 10px 0 15px; border-bottom-right-radius: 4px; z-index: 2001; position: relative; } 
/*Top level menu link items style*/
.ant-responsive-menu > li  { display: block; float: left; padding: 10px 0 0 0;  }
.ant-responsive-menu > li > a { text-transform: uppercase; display: block; padding: 3px 15px 3px 15px !important; margin-right: 12px; }
.ant-responsive-menu > li > a i { float: left; margin: 5px 3px 0 0 !important; padding: 0 2px 0 0; font-size: 12px; opacity: 1;}
.ant-responsive-menu li.current_page_item a { border-radius: 3px;}
.ant-responsive-menu li.current-menu-ancestor a { border-radius: 3px;}
.ant-responsive-menu li:hover a { border-radius: 3px }
.ant-responsive-menu li.current-menu-item a { border-radius: 3px;}
.ant-responsive-menu li.current-post-parent a { border-radius: 3px;}
.ant-responsive-menu li.current-custom-parent a { border-radius: 3px;}
.ant-responsive-menu li .menu-active { position: relative; }
.ant-responsive-menu > li > a > .arrow:before { float: right; margin: 0px -12px 0 5px !important; display: inline; font-size: 9px; height: auto; font-family: "Font Awesome 5 Free"; content: "\f0c9"; font-weight: 900; text-shadow: none; width: 10px; display: inline-block; }
/*1st sub level menu*/
.ant-responsive-menu li ul { padding: 10px 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; position: absolute; z-index: 201; margin-left: 0px; border-top: none; display:none; -moz-box-shadow: 0 5px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 3px rgba(0,0,0,0.2); box-shadow: 0 5px 3px rgba(0,0,0,0.2); }
.ant-responsive-menu li ul.sub-menu > li a.arrow { border-bottom: none; margin-top: -5px; padding-bottom: 0px !important;}
.ant-responsive-menu li ul.sub-menu li > a > .arrow:before { font-family: 'Font Awesome 5 Free'; font-size: 12px; content: "\f105"; font-weight: 900; }
.ant-responsive-menu > li > ul.sub-menu { display: none; list-style: none; clear: both; padding: 15px 0; margin: -2px 0 0 0; position: absolute; z-index: 201; }
.ant-responsive-menu li ul.sub-menu > li { width: 185px; }
.ant-responsive-menu li ul.sub-menu li a { margin: 0px 10px; padding: 5px 10px; display: block; text-transform: uppercase; font-size: 12px; height: auto; line-height: 1.4em; }
.ant-responsive-menu li ul.sub-menu li:last-child a { border: none;}
.ant-responsive-menu > li > ul.sub-menu > li { position: relative; }
.ant-responsive-menu > li > ul.sub-menu > li ul.sub-menu { position: absolute; left: 185px; top: -10px; display: none; list-style: none; }
.ant-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu { position: absolute; left: 185px; top: -10px; display: none; list-style: none; }
.ant-responsive-menu > li > ul.sub-menu li > a > .arrow:before { float: right; margin-top: -17px; margin-right: -18px; display: inline; font-size: 12px; font-family: 'Font Awesome 5 Free'; height: auto; content: "\f105"; font-weight: 900; text-shadow: none; }
/* -- Menu Toggle Btn -- */
.menu-toggle               { display: none; float: left; width: 100%; }
.menu-toggle .icon-bar     { display: block !important; width: 18px; height: 2px; background-color: #F5F5F5 !important; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin: 3px; }
.menu-toggle .icon-bar:hover { background-color: #F5F5F5 !important; }
.menu-toggle #menu-btn     { float: right; background: #202020; border: 1px solid #0C0C0C; padding: 8px; border-radius: 5px; cursor: pointer; margin: -58px 10px 0 0; position: relative; z-index: 202; }
.hide-menu                 { display: none; }
/* -- Chrome CSS -- */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ant-responsive-menu li ul.sub-menu > li a.arrow { margin-top: -3px; }
    .ant-responsive-menu > li > a > .arrow:before    { margin-top: 0.5px !important; } 
}

/* -- Responsive Menu Styles -- */
@media screen and (max-width: 980px) {
    .ant-responsive-menu   { opacity: 0; padding: 20px; margin-top: 45px; right: 0; width: 260px; position: absolute; z-index: 201; font-size: 13px; font-weight: 400; }
    .ant-responsive-menu li a { padding: 5px 0 !important;}
    .ant-responsive-menu li:last-child { border: none; }
    .ant-responsive-menu > li { float: none; padding: 5px 0; }  
    .ant-responsive-menu li a.arrow { padding: 0 30px !important; margin-right: -30px; display: inline-block; float: right; }
    .ant-responsive-menu li ul.sub-menu > li a.arrow { margin-top: 18px; margin-right: -5px; padding: 0 30px !important; border-bottom: none !important; }
    .ant-responsive-menu > li > a > .arrow:before { font-family: 'Font Awesome 5 Free'; float: right; content: "\f105"; font-weight: 900; color: #FFF !important; }
    li.menu-active > a > .arrow:before { font-family: 'Font Awesome 5 Free'; content: "\f107"; font-weight: 900; }   
    .ant-responsive-menu li ul.sub-menu > li { width: 101%; margin-left: -0.5%; font-size: 12px !important; padding-bottom: 0px; padding-top: 0px; }
    .ant-responsive-menu li ul.sub-menu li ul.sub-menu li a { padding-left: 15px; }  
    .ant-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a { padding-left: 15px; }  
    .ant-responsive-menu > li > ul.sub-menu { position: static; padding-top: 0px; padding-bottom: 0px; }
    .ant-responsive-menu > li > ul.sub-menu > li ul.sub-menu { position: static; padding-top: 0px; padding-bottom: 0px; }
    .ant-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu { position: static; padding-top: 0px; padding-bottom: 0px; }
    .ant-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before { font-family: 'Font Awesome 5 Free'; content: "\f107"; font-weight: 900; } 
    .ant-responsive-menu li ul.sub-menu  { padding-top: 7px;}
}

/* -- Top social icons -- */
ul.top-social              { width: auto; height: 60px; padding: 0 15px 0 20px; float: right; margin: 0 0 0 0; border-bottom-left-radius: 4px; z-index: 2001; position: relative; }
.top-social li             { float: left; margin-top: 6px; line-height: 15px; font-size: 16px; text-align: center;}
.top-social li a           { font-weight: 400;}
.top-social li i           { padding: 10px 8px 15px 8px;}
ul.top-social li.search:hover { cursor: pointer;}
ul.top-social:hover li     { opacity: 1;} 
 
/* -- Featured Big Image & Video -- */
.wrap-featured     { width: 100%; height:650px; margin: -60px 0 0 -20px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; border-right: 20px solid; }
.featured-video    { width: 385px; height: 250px; margin: 250px 110px 0 0px; float: right; border-radius: 4px; }
.featured-video iframe { border-radius: 4px; width: 100%; height: 250px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.featured-video iframe:hover { opacity: 1; transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06);}
.featured-video .artbtn-category   { margin: -16px 20px 0 0px; position: relative; float: right; padding: 0 10px; border-radius: 2px; display: inline-block; height: 18px; line-height: 20px; font-size: 10px; font-weight: 700; text-transform: uppercase; }
 
.warp-border  { width: 20px; height: 850px; margin-top: -850px; float: left; position: absolute; z-index: 101;}
.wrap-border-bottom { width: 100%; height: 20px; float: left; }


/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/

/* ##### Featured Slider home ##### 
################################## */
#featured-slider-wrap             { width: 100%; height: 650px; float: left; margin-top: -60px; }
ul.featured-slider                { width: auto; height: 650px; display: none; overflow-x:hidden; border-right: 20px solid; border-left: 20px solid; }
ul.featured-slider li      { width: 380px; height: 650px; float: left; margin: 0 5px; overflow:hidden; }
ul.featured-slider li img  { width: 380px; height: 650px; filter: alpha(opacity=0); opacity: 0.70;  object-fit: cover; }
ul.featured-slider li:hover img { opacity:0.55; }
ul.featured-slider li div.inner-small { display: table; width: 75%; height: 100%; margin: -625px auto 0 auto; }
ul.featured-slider li div.inner-small h2 { font-size: 24px; font-weight: 700; line-height: 32px; }
ul.featured-slider li div.inner-small h2 span { font-size: 14px; line-height: 0px;}
ul.featured-slider li div.inner-cell {display: table-cell; width: 100%; vertical-align: middle;  position: relative; }
ul.featured-slider li h2 { text-align: center; font-size: 28px; font-weight: 700; line-height: 40px; margin-top: 8px; margin-right: 5px; }
ul.featured-slider li h2 { color: #FFF !important; }
ul.featured-slider li span.meta-art { font-size: 13px; }
ul.featured-slider li div.alinan-date { margin-top: 10px; text-align: center; text-shadow: 1px 2px 3px #444;  font-size: 11px; color: #FFF; font-weight: 500; }
ul.featured-slider li div.alinan-date i { font-size: 10px; padding-right: 3px; text-shadow: none;  }

/* -- Slider Nav -- */
ul.featured-slider:hover .owl-prev  { opacity: 1; left: 25px;  -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
ul.featured-slider:hover .owl-next  { opacity: 1; right: 25px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
ul.featured-slider .owl-prev, ul.featured-slider .owl-next              { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin-top: -355px !important; position: relative; border-radius: 2px;}
.owl-prev i, .owl-next i          { font-size: 22px;}
.owl-prev                         { float: left; left: -5px; padding: 27px 14px 24px 12px; }
.owl-next                         { float: right; right: -5px; padding: 27px 12px 24px 14px; } 

/* - categories ribbon - */
ul.featured-slider .article-category   { float: none; width: 100%; display: inline-block; position: absolute;  text-align: center; margin-top: -25px; height: 18px; font-weight: 700; font-size: 10px; line-height: 20px; text-transform: uppercase;}
ul.featured-slider .article-category:hover { opacity: 0.9;}
ul.featured-slider .article-category a { padding: 2px 10px; border-radius: 2px;}

/* -- About Home -- */
.about-home                { width: 900px; height: auto; margin: 75px auto 75px auto; }
.about-home img            { width: 90px; height: 90px; float: left; transform: rotate(-13deg); -moz-transform: rotate(-13deg); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; border:4px solid; border-radius: 12px; }
.about-home img:hover      { -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } 
.about-home h1             { font-size: 26px; font-weight: 400; line-height: 40px; float: left; margin: -90px 0 0 140px; }
.about-home h1 span        { font-size: 24px; border-bottom: 2px solid; font-weight: bold;}


/* ##### Modern Articles ############# 
################################### */ 
ul.modern-articles       { width: auto; height: auto; margin-left: -50px; }
ul.modern-articles li    { width: 385px; float: left;  height: auto; margin: 0 0 40px 50px;}          
ul.modern-articles li img { width: 385px; height: 250px; object-fit: cover; border-radius: 4px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
ul.modern-articles li img:hover { opacity: 1; transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06);}
ul.modern-articles li div.content-list { width: 94%; height: auto; position: relative; margin: -40px auto 0 auto; }
ul.modern-articles li h2 { font-size: 24px; font-weight: 700; line-height: 32px; padding: 10px 0 10px 0; }
ul.modern-articles li p  { margin-bottom: 10px; }
ul.modern-articles li:hover .home-share { opacity: 1;}
ul.modern-articles li div.noimg  { width: 100%; display: block; line-height: 100px; margin-bottom: 7px; height: 100px; background-color: #fafafa; }
ul.modern-articles li div.noimg a { display:block; vertical-align:middle; text-align:center;}
ul.modern-articles li:nth-child(1),
ul.modern-articles li:nth-child(3) { margin-top: 50px; }
ul.modern-articles .ma-wrap  { width: 100%; height: auto; float: left;}
ul.modern-articles .ma-left  { width: 60px; height: 200px; float: left;}
ul.modern-articles .ma-right { width: 325px; height: auto; float: right;}
ul.modern-articles li iframe { border-radius: 4px; width: 100%; height: 250px; background-color: #000; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
ul.modern-articles li iframe:hover { opacity: 1; transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06);}

/* -- Category ribbon -- */
ul.modern-articles li .artbtn-category   { margin: -16px 20px 0 0px; position: relative; float: right; padding: 0 10px; border-radius: 2px; display: inline-block; height: 18px; line-height: 20px; font-size: 10px; font-weight: 700; text-transform: uppercase; }

/* -- Home Share -- */
.home-share  { opacity: 0.1; width:50px; height: auto; margin: 15px 0 0 0px; float: left; position: absolute; }
.home-share a { width: 30px; height: 30px; text-align: center; display: block; border-radius: 50%; margin: 0 auto 3px auto;}
.home-share a:hover { opacity: 0.8;}
.home-share a.fbbutton    { background-color: #3b5998; color: #FFF !important;}
.home-share a.twbutton    { background-color: #00aced; color: #FFF !important;} 
.home-share .fbbutton i, 
.home-share .twbutton i { font-size: 12px; line-height: 32px;}
.home-share .views-nr      { margin: 15px auto 10px auto; font-size: 11px; line-height: 16px; text-align: center; padding-bottom: 10px; }
.home-share .views-nr span { font-size: 16px; font-weight: 700;}
 
 /* -- Sticky Post -- */
 ul.modern-articles li.sticky .home-share { opacity: 1;}
ul.modern-articles li i.fa-bookmark { float: right; font-size: 20px; margin: 0 20px -19.5px 0; position: relative;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul.modern-articles li i.fa-bookmark { margin: 0 20px -21px 0; } 
}

/* -- Pagination -- */
.wp-pagenavi                      { float: none; width: 100%; text-align: center; padding: 20px 0 30px 0; font-size: 15px; }
.wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding:5px 13px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;  list-style: none;  margin: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-right:1px; font-size:12px; font-weight:bold; }
.wp-pagenavi a:hover { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.wp-pagenavi span.current         { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

/* -- Default pagination numbers -- */
.defaultpag                       { width: 350px; text-align: center; display: block; margin: 0 auto; font-weight: bold;}
.defaultpag a                     { opacity: 0.3; display: inline-block; text-align: center; padding: 8px 15px 11px 15px; margin-left: 10px; margin-right: 10px; border-radius: 3px; height: 18px; line-height: 24px; text-transform: uppercase; }
.defaultpag a:hover               { opacity: 1;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .defaultpag a {  padding: 8px 15px 12px 15px; } }

/* -- Index file Title -- */
h3.index-title          { margin: 0 0 10px 0; font-size: 16px; font-weight: 700; }
h3.index-title span     { font-size: 11px; line-height: 20px; font-weight: 700; text-transform: uppercase; }
h3.index-title span     { height: 20px; display: inline-block; padding: 2px 15px 2px 15px; border-radius: 4px; margin-left: 15px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { h3.index-title span  { padding: 3px 15px 1px 15px; } }


/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/

/* -- ribbons middle categories - */
.single-category   { float: none; width: 100%; height: auto; display: inline-block; text-align: center; height: 18px; line-height: 21px; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.single-category a { float: none; margin-right: 5px; padding: 0 10px 0 10px; border-radius: 4px; display: inline-block; }

/* -- Entry Top / Featured Image */
img.attachment-alinan-wp-thumbnail-single-image { max-width: 100%; display: block; margin-left: auto; margin-right: auto; height: auto; margin-bottom: 30px; }
.entry-top                 { width: auto; text-align: center; float: none; height: auto; margin: 0 50px; padding: 40px 0 30px 0; }
.entry-top .post-data      { max-width: 100%;  margin: 3px auto 0 auto; display: inline-block; }
.entry-top .post-data i { float: left; font-size: 6px; padding: 0 7px 0 10px; margin-top: 7px;}
.entry-top .post-data div.time-article { color: #222; font-weight: 700; float: left; }
.entry-top .post-data p { font-size: 13px; line-height: 22px; font-weight: 700; padding: 10px 20px 0 20px; }
.entry-top .post-data div.post-share { margin: -2px 0 0 0; font-weight: 400; float: left; font-size: 12px; }
.entry-top div.post-share i   { font-size: 15px !important; color: #000; padding: 2px 6px !important; margin-top: 3px !important;}
.entry-top div.post-share a i.fa-facebook-f { color: #3b5998 !important;}
.entry-top div.post-share a i.fa-twitter { color: #00aced !important;}
.entry-top div.post-share a i.fa-google-plus-g { color: #eb4026 !important;} 
.entry-top div.post-share a i.fa-pinterest-p { color: #C92228 !important;} 
div.post-share i:hover { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }

/* -- Single Share -- */
#single-share  { width:50px; height: auto; margin: 15px 0 0 5px; float: left; position: absolute; }
#single-share a { width: 35px; height: 35px; text-align: center; display: block; border-radius: 50%; margin: 0 auto 3px auto;}
#single-share a:hover { opacity: 0.8;}
#single-share a.fbbutton    { background-color: #3b5998; color: #FFF !important;}
#single-share a.twbutton    { background-color: #00aced; color: #FFF !important;}
#single-share a.pinbutton   { background-color: #ca212a; color: #FFF !important;}
a.googlebutton              { display: none !important; }
#single-share a.googlebutton{ display: none !important; background-color: #eb4026; color: #FFF !important;}
#single-share a.commbutton  { background-color: #f0ca00; color: #FFF !important;}
#single-share a.commbutton i,
#single-share .googlebutton i,
#single-share .pinbutton i,
#single-share .fbbutton i, 
#single-share .twbutton i { font-size: 14px; line-height: 36px;} 
#single-share .views-nr      { margin: 15px auto 0 auto; font-size: 11px; line-height: 16px; text-align: center; }
#single-share .views-nr span { font-size: 16px; font-weight: 700;}
.comm-line    { margin: 5px auto 15px auto; padding-bottom: 10px; border-bottom: 1px solid #f5f5f5;}

/* - title - */
h1.article-title           { text-align: center; font-size: 36px; font-weight: 700; line-height: 44px; margin: 10px 0 5px 0; }
h1.page-title              { font-size: 24px; font-weight: 700; text-align: center; }
#page-title-box            { width: auto; height: auto; padding: 0 50px 15px 50px; margin: 35px 0 20px 0;  border-bottom: 1px solid #fafafa;  }
.page-title-line           { width: 200px; height: 5px; margin: 15px auto -17px auto;}

/* - featured img / videos / gallery - */
.media-single-content      { width: auto; height: auto; }
.single-gallery            { width: 100%; height: auto;  margin-bottom: 30px; }
.single-gallery img        { width: 183.8px; height: 183.8px; margin-bottom: -7px; object-fit: cover; }
.single-gallery img:hover  { opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-webkit-animation:scaleUp 1s ease-in-out forwards;-moz-animation:scaleUp 1s ease-in-out forwards;animation:scaleUp 1s ease-in-out forwards}@-webkit-keyframes scaleUp{to{-webkit-transform:scale(1)}}@-moz-keyframes scaleUp{to{-moz-transform:scale(1)}}@keyframes scaleUp{to{transform:scale(1)}}
iframe.single_iframe       { margin-bottom: 30px;  width: 100%; margin-left: auto; margin-right: auto; float: none; display: block;}
 
/* -- Entry content style -- */
.entry                     { width: auto; height: auto;  margin: 0 80px 40px 80px;}
.entry p                   { padding: 10px 0; font-size: 15px; line-height: 28px; }
.entry p a                 { padding: 0 2px;}
.entry h1                  { line-height: 36px; margin-bottom: 10px;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-top: 35px; }
.entry strong              { font-weight: bold; }
body.page-template-default .entry { margin: 0 0 0px 0; }
body.page-template-page .entry { margin: 0 0 0px 0; }
body.page-template-template-full-width .entry { margin: 0 0 20px 0; }
body.page-template-default .sidebar, body.page-template-page .sidebar { margin-bottom: 30px;}
body.page-template-default .article-bottom  { margin-top: 35px;}

/* -- Typography First Content Letter -- */
div.p-first-letter p:first-child:first-letter { float:left; font-weight: 700; font-size: 20px; padding: 25px 18px; margin: 5px 20px 0 0; border-radius: 3px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { div.p-first-letter p:first-child:first-letter { padding: 19px 18px; } }

/* -- blockquote -- */
blockquote                 { margin: 1.5em 0; padding: 30px; quotes: "\201C""\201D""\2018""\2019"; }
blockquote:before          { content: open-quote; font-size: 6em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
blockquote p               { display: inline; }

/* -- Responsive Images -- */
.entry iframe              { max-width: 100%;}
.entry embed               { max-width: 100%;}
.entry object              { max-width: 100%;}
.entry img, .wp-caption    { max-width: 100%; border-radius: 3px; }
.entry img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] { height: auto; }
img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img { height: auto; max-width: 100%; }
img.alignleft, .alignleft img   { width: inherit !important;}
img.alignright, .alignright img { width: inherit !important;}
.alignleft                 { float: left; margin: 20px 20px 10px 0; }
.alignright                { float: right; margin: 20px 0 10px 20px; }
.aligncenter               { display: block; margin: 10px auto 10px auto;}
.wp-caption img[class*="wp-image-"] { display: block; margin: 0; }
.wp-caption-text { font-size: 12px !important; margin-top: -7px; padding: 0 10px 0 10px; text-align: center; }
p.wp-caption-text a { background: transparent !important; }
p > a.wp-img-bg-off { background: none !important; /* for images manually added */}
/* -- End res. img -- */

/* -- Lists -- */
.entry li          { padding:3px 0 7px 5px; }
.entry ul          { margin: 15px 15px; list-style-type: square; } 
.entry ul li ul    { margin-bottom: -10px; margin-top: 10px;}
.entry ul li ul li { padding:0px 0 10px 5px !important;}
.entry ol li ol    { margin-bottom: -10px; margin-top: 10px;}
.entry ol li ol li {  padding:0px 0 10px 5px !important;}
.entry ol          { margin: 15px 15px; list-style-type: decimal;}

/* -- Pagination entry articles -- */
.my-paginated-posts      { text-align: center; font-size:10px; margin-bottom: 30px; }
.my-paginated-posts span { padding: 3px 6px 3px 6px; border-radius: 3px;}
.my-paginated-posts p    { font-size:1.4em; }
.my-paginated-posts p a  { border-radius: 3px; font-weight: bold; padding: 6px 10px; text-decoration:none; margin: 0 1px; }

/* -- Related Articles -- */
.single-content ul.article_list    { margin: 20px 0 30px 0; float: left;}
.single-content ul.article_list li { padding: 7px 0; }
.single-content ul.article_list li img     { width: 45px; height: 45px; }
.single-content ul.article_list .an-widget-title h4 { margin: 2px 0 0 0; }

/*-- Entry Categories / Tags -- */
.tags-cats                 { margin-top: 20px; }
.ct-size a                 { float: none; text-transform: uppercase; display: inline-block; padding:4px 10px 2px 10px; list-style: none;  border-radius: 2px; margin:0 5px 5px 0; font-size:11px !important; font-weight:700;}

/* -- Entry button for password, etc -- */
form.post-password-form input { width: 276px; font-size: 18px; text-align: center; font-weight : 400; line-height : 39px; border-radius: 3px; }
form.post-password-form input:hover { cursor: pointer;}
form.post-password-form input[type="submit"] { width: 280px !important; margin-top: 5px; background-color: #222; color: #FFF; border: 1px solid #222; }
.post-password-form { background-color: #f1f1f1; border-radius: 3px; width: 280px; padding: 30px; margin: 30px auto; }
.post-password-form input { display: block; clear: both;}

/*-- Tables --*/
table     { margin-top: 20px; margin-bottom: 50px; border-collapse: collapse; width: 100%; }
thead     { text-align: left; }
table     { background-color: #fafafa;}
thead     { background-color: #f1f1f1; }
td,th     { padding: 10px; text-align: left; }
td        { text-align: left;}
dl        { margin-top: 20px; padding: 10px;}
dt        { font-weight: 500;}
table,td,dl,thead, th { border:1px solid #ccc}

/* Chat Posts */
.format-chat .entry p {
    background: #fafafa; /* The background color of first paragraph */
    border-left: 7px solid #ddd; /* The setting for border of first paragraph */
    margin-bottom: 2px;
    padding-left: 13px;
    padding-right: 13px;
}
.format-chat .entry p:nth-child(odd) {
    background: #f1f1f1; /* The background color of next paragraph */
    border-left-color: #ccc; /* The setting for border of next paragraph */
}


/*-----------------------------------------------------------------------------
----------------------------- 5 - Sidebar & Widgets ---------------------------
-----------------------------------------------------------------------------*/

/* -- Sidebar -- */
.sidebar .widget     { width: 300px; margin-bottom: 25px;}
.line_widget_col     { width: 350px; margin: 0 0 25px -25px;}
.widget-title h3     { font-size: 11px; line-height: 20px; font-weight: 700; text-transform: uppercase; }
.widget-title        { height: 20px; display: inline-block; padding: 0 15px; border-radius: 2px; margin-bottom: 15px; }

/* -- Chrome CSS -- */
@media screen and (-webkit-min-device-pixel-ratio:0) { .widget-title h3 { line-height: 22px; } }

/* -- FeedBurner -- */
div.feed-info i        { font-size: 18px; display: block; padding: 10px 0 0px 0; }
div.feed-info          { text-align: center; line-height: 26px; font-weight: 700; padding: 0 25px 15px 25px;}
div.feed-info img.iconfeed { width: 32px; height: 32px; display: block; margin: 15px 0 10px 75px;}
div.feed-info img.userimage { width: 90px; height: 90px; margin-top: -5px; border-radius: 50%; padding-right: 15px; float: right; margin-bottom: 0px; margin-right: -15px; margin-left: 5px; }
div.feed-info img.userimage:hover { opacity:1; }
#newsletter-form       { padding-bottom: 5px; }
#newsletter-form input { width:251px; }
#newsletter-form input.newsletter  { height:40px; font-weight: bold; font-size: 12px; text-align: center; margin-bottom: -3px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
#newsletter-form input.newsletter-btn  { width:253px; position: relative; font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 12px 0 11px 0; margin: 0 0 0 0; text-align: center; border: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
#newsletter-form input.newsletter-btn:hover { cursor: pointer; }

/* -- Instagram -- */
ul.instagram-pics      { float: left; margin-left: -6px; }
ul.instagram-pics li   { float: left; margin-left: 6px;}
ul.instagram-pics li img { opacity: 0; max-width: 100%; border-radius: 3px; }
ul.instagram-pics li img:hover { opacity: 0.7 !important;}
ul.instagram-size-thumbnail li img { width: 96px; }
.sidebar .widget:after { content: ''; display: block; clear: both !important; }
ul.instagram-size-small li img { width: 96px; }

/* -- Instagram -- */
footer ul.instagram-pics      { float: left; margin-left: -6px; }
footer ul.instagram-pics li   { float: left; margin-left: 6px;}
footer ul.instagram-pics li img { opacity: 0; max-width: 100%; border-radius: 3px; }
footer ul.instagram-pics li img:hover { opacity: 0.7 !important;}
footer ul.instagram-size-thumbnail li img { width: 127px; }
footer .sidebar .widget:after { content: ''; display: block; clear: both !important; }
footer ul.instagram-size-small li img { width: 127px; }

/* -- Article widget -- */
ul.article_list          { width: 100%; height: auto; border-radius: 2px; margin-top: -10px; }
ul.article_list li       { width: 100%; height: auto; float: left; display: block; padding: 15px 0; }
ul.article_list li:last-child { border-bottom: none; padding-bottom: 0px; }
ul.article_list li img     { width: 75px; height: 75px; border-radius: 50%; padding-left: 15px; float: left; margin-bottom: 0px; margin-left: -15px; }
ul.article_list li:hover img  { opacity:1; }
ul.article_list li div.an-widget-title { font-size: 12px; color: #b3b2b2; }
ul.article_list .an-widget-title h4   { font-size: 14px; line-height: 22px; font-weight: 700; margin: 5px 0 2px 0; }
ul.article_list .an-widget-title span    { float: left; font-size: 12px; color: #444;}
ul.article_list .an-widget-title i       { margin: 2px 3px 0 0; font-size: 15px; float: left;  color: #e42b26; }
ul.article_list .an-widget-title span.time { float: left; margin-right: 20px;}
ul.article_list .an-widget-title span.comm a { font-weight: 700; }
ul.article_list .an-widget-title span.comm i { margin: 2px 5px 0 0; font-size: 14px; float: left; line-height: 16px; }

/* -- Img zoom Featured Articles -- */
.img-zoom-in img  { transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.img-zoom-in:hover img  { opacity: 0.6; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }

/* -- Social Widget -- */
ul.social-widget      { width: 304px; margin-left: -4px; float: left; }
ul.social-widget li   { width: 148px; float: left; margin: 2px 0 2px 4px;  border-radius: 3px; display: block;}
ul.social-widget li i { font-size: 13px !important; padding: 0 0 0 10px; margin-top: 3px; font-weight: 400;}
ul.social-widget li a { display: block; padding: 5px 1px 5px 1px; line-height: 18px; font-size: 10px; font-weight: 700; border-radius: 3px; text-transform: uppercase;}
ul.social-widget a.fbbutton       { background-color: #3b5998 !important; color: #FFF !important; }
ul.social-widget a.twbutton       { background-color: #00aced !important; color: #FFF !important; }
ul.social-widget a.ytbutton       { background-color: #ca212a !important; color: #FFF !important; }
ul.social-widget a.googlebutton   { display: none !important; background-color: #eb4026 !important; color: #FFF !important; }
ul.social-widget a span           { float: right; padding-right: 15px; margin-top: 1px;}
ul.social-widget li a:hover       { opacity: 0.8;}

/* -- Banner widget 300px -- */
.img-300          { width: 300px; height: auto; } 

/* -- Custom Text -- */
.widget_text img           { max-width: 100% !important;}
.widget_text select { width: 100%; padding: 10px 20px;}
.widget_text option { padding: 0 10px;}
footer .widget_text { color: #FFF; margin-bottom: 15px;}

/* -- Widget RSS -- */
.widget_rss h3 a img     { width: 10px; height: 10px;}
.widget_rss li           { background: url(images/li_minus_gold.png) no-repeat 0 16px;  border-bottom: 1px solid rgba(241, 241, 241, .8);  display: block;  padding: 10px 0 10px 20px; }
.widget_rss li a         { font-weight: bold;}
h3 a.rsswidget           { color: #FFF !important;}
footer .widget_rss a { color: #FFF;}
footer .widget_rss li { color: #999;}
footer .widget_rss a.rsswidget:hover { color: #FFF !important;}

/* -- Default Tags -- */
div.widget_tag_cloud     { display: inline-block; margin-bottom: 10px;}
div.tagcloud span        { font-weight: bold; }
div.tagcloud a           { float: left; display: inline-block; padding:3px 10px; list-style: none;  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:0 4px 4px 0; font-size:12px !important; font-weight:400;}
footer div.tagcloud a    { background-color: #111 !important;} 

/* -- Default Search -- */
div.widget_search #searchform { float: left; margin-bottom: 20px !important }
div.widget_search #searchform input { background-color: #f1f1f1 !important;}
div.widget_search #searchform .buttonicon { background-color: #222 !important;}
div.widget_search #searchform2 #s { width: 218px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
div.widget_search #searchform input       { text-align: center; font-weight: bold; font-size: 14px; } 
footer div.widget_search #searchform2 #s { background-color: #f6f6f6 !important; color: #000 !important; }
footer div.widget_search #searchform2 #s { width: 180px; }

/* -- Recent Entries -- */
.widget_recent_entries li { background: url(images/li_minus_green.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block;  padding: 10px 0 10px 20px; }
.widget_recent_entries li:last-child {  border: none;  }

/* -- Recent Comments -- */
.widget_recent_comments li { background: url(images/li_minus_black.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; }
.widget_recent_comments li:last-child { border: none; }

/* -- Archives and Nav menu widget -- */
div.widget_nav_menu ul    { margin-top: -10px;}
.widget_archive ul        { margin-top: -10px;}
.widget_nav_menu li       { display: block;  padding: 10px 0 10px 0; }
.widget_nav_menu li:last-child { border: none;  }
div.widget_archive select { width: 100%; padding: 10px 20px;}
div.widget_archive option { padding: 0 10px;}
div.widget_nav_menu li ul.sub-menu { margin: -5px 0 -10px 10px; padding: 10px 0 0 0;}
div.widget_nav_menu li ul.sub-menu li { padding: 10px 0 10px 20px; }
.widget_archive li:before { content: "\f1c6"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 10px; }
.widget_archive li  { display: block;  padding: 10px 0 10px 0;}
.widget_nav_menu li:before { content: "\f0da"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 10px; font-size: 13px; }
div.widget_nav_menu ul li > ul li > ul li > ul li { margin-left: -30px; }
footer .widget_nav_menu li { border-bottom: 1px solid #111 !important;}

/* -- Meta and Pages widget -- */
div.widget_pages ul       { margin-top: -10px;}
.widget_pages li, .widget_meta li { display: block; padding: 10px 0 10px 0; }
.widget_pages li:last-child, .widget_meta li:last-child { border: none; }
.widget_pages li:before, .widget_meta li:before { content: "\f0da"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 10px; font-size: 13px; }

/* -- Categories -- */
.widget_categories li { background: url(images/li_minus_gold.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; }
.widget_categories li:last-child { border: none;  }
div.widget_categories select { width: 100%; padding: 10px 20px;}
div.widget_categories option { padding: 0 10px;}
.widget_categories li ul.children { margin: -5px 0 -10px -5px; padding: 10px 0 0 0;}
.widget_categories li ul.children li { padding: 10px 0 10px 20px; } 
footer .widget_categories li { border-bottom: 1px solid #111; color: #666; }
footer div.widget_categories select { margin-bottom: 20px;}

/* -- Calendar -- */ 
#wp-calendar {width: 100%;}
#wp-calendar caption { text-align: center; font-weight: bold; margin-bottom: 10px; color: #333; font-size: 15px; padding: 0 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:5px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody td a { font-weight: bold; color: #222; display: block;}
#wp-calendar tbody td#today { border-radius: 4px;}
#wp-calendar td#today a { color: #FFF !important;}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar table { border:1px solid #fff; }
table#wp-calendar  { margin-bottom: 0px !important;}
#wp-calendar td#today a { color: #FFF !important;}
#wp-calendar td,
#wp-calendar dl,
#wp-calendar thead, 
#wp-calendar th { border:1px solid #fff; }
/* -- footer caledar -- */
footer #wp-calendar tbody td { background: #222; border: 1px solid #000 !important; }
footer table     { background-color: #111; border:1px solid #000;}
footer thead     { background-color: #222; }
footer table, footer td, footer dl, footer thead, footer th { border:1px solid #000 !important;}
footer #wp-calendar tbody td:hover { background: #000; }

/* -- Default classes -- */
.gallery-caption { font-size: 13; }
.bypostauthor    { font-size: 13; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }


/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/

.article-bottom               { margin-top: 75px;}
.comments .article-btn h3     { font-size: 11px; line-height: 20px; font-weight: 700; text-transform: uppercase; }
.comments .article-btn        { height: 20px; display: inline-block; padding: 0 15px; border-radius: 2px; margin-bottom: 20px; }
.nocomments, .nopassword, .must-log-in  { text-align: center; padding: 15px 0 0 0; }
ul.comment                    { width: auto; margin: 0 0 100px 0; }
ul.comment li                 { font-size: 14px; margin: 0 0 15px 0; padding: 20px 30px; border-radius: 4px; }
ul.comment li span.comm-avatar    { width: 24px; height: 24px; float: left; margin-right: 12px;}
ul.comment li img.avatar          { width: 24px; height: 24px; margin: -3px 0 0 0; border-radius: 10px; border: 3px solid #FFF; float: left; transform: rotate(-13deg); -moz-transform: rotate(-13deg); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
ul.comment li img.avatar:hover { -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} 
ul.comment li span.comment-author { margin-right: 15px; font-weight: bold; text-transform: uppercase; font-size: 14px; float: left;}
ul.comment li span.comment-date { float: left; font-size: 13px; opacity: 0.4; }
ul.comment li span.comment-reply-button { float: left; display: inline-block; font-weight: 700; border-radius: 3px; padding: 2px 5px 0 5px; line-height: 16px; margin: 3px 0 0 10px; font-size:10px; }
ul.comment li span.comment-reply-button:hover { opacity: 1;}
.comment-body                 { padding-bottom: 5px;}
ul.comment li ul.children li  { margin: 10px 0 0 0; padding: 20px; }
ul.comment li ul.children li > ul.children li { margin-left: -20px; margin-bottom: 0px;  padding: 20px 20px 0 20px; border: none; }
/* -- reply and respond -- */
a.comment-reply-link          { color: #FFF !important; font-size: 11px; border-radius: 3px; padding: 1px 10px; }
a.comment-reply-link:hover    { color: #FFF !important; opacity: 0.8;}
.comment-respond              { margin-top: 30px;}
/* -- Lists -- */
div.comment-body p      { padding: 10px 0; font-size: 15px; line-height: 24px; word-break: break-all !important; padding-bottom: 3px; padding-top: 3px;}
div.comment-body li     { padding:3px 0 7px 5px !important; margin-bottom: 0px !important; border: none !important; }
div.comment-body ul     { margin: 15px 15px; list-style-type: square; }
div.comment-body ul li  { list-style: disc !important; list-style-type: disc !important; }
div.comment-body ul li ul { margin-bottom: -10px; margin-top: 10px;}
div.comment-body ul li ul li { padding:0px 0 10px 5px !important;}
div.comment-body ol li ol { margin-bottom: -10px; margin-top: 10px;}
div.comment-body ol li ol li {  padding:0px 0 10px 5px !important;}
div.comment-body ol     { margin: 15px 15px; list-style-type: decimal;}
div.comment-body h1, div.comment-body h2, div.comment-body h3, div.comment-body h4, div.comment-body h5, div.comment-body h6 { margin-top: 35px; text-decoration: underline; }
div.comment-body h2 { margin-bottom: 10px;}

/* -- Comments -- */
ul.comment li #respond        { margin-top: 50px;}
#respond                      { margin-top: -50px;}
#comments                     { width: 100%; float: left; padding: 0 0 25px 0;}
.comments                     { width: auto; display: block; float: left;  height: auto; margin: 10px 0 0 0;}
.comments h3.comment-reply-title  { height: 20px; margin-top: 30px; margin-bottom: 20px; font-size: 11px; font-weight: 700; text-transform: uppercase; display: inline-block; padding: 0 15px; border-radius: 2px; line-height: 20px; }
.comments h3.comment-reply-title a { font-weight: bold; text-decoration: underline; padding: 0 5px;}
.comments h3.comment-reply-title a#cancel-comment-reply-link { text-decoration: none; font-size: 9px !important; } 
.comments p.logged-in-as      { font-weight: bold; } 

/* -- Chrome CSS -- */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ .comments h3.comment-reply-title, .comments .article-btn h3 { line-height: 22px; } }

/* -- Comment Form -- */
.comment-notes                { display: none;}
#commentform                  { padding: 50px 80px 80px 80px; font-size:11px; border-radius: 4px; }
#commentform #author, #comment, #email, #url { width:99.7%; height:40px; font-size: 14px; font-weight: bold; border-radius: 3px;}   
#commentform #submit          { border: none; border-radius: 4px; font-weight: bold;  padding: 11px 25px; text-align: center; margin: 20px 5px -10px 0;}
#commentform #submit:hover    { opacity:.85;  cursor: pointer; }
#commentform input, #comment  { padding-left: 5px;  }
#commentform textarea         { min-height: 90px; -moz-resize:vertical; resize:vertical;}
#commentform label            { display: block; margin-top:10px; font-size:11px; font-weight: bold; }
#commentform label span       { font-size: 15px; }
#wp-comment-cookies-consent   { float: left; margin: 3px 5px 0 0;}
p.comment-form-author         { margin-right: 4.8% !important; }
p.comment-form-author, p.comment-form-email { width: 47.5%; float: left; margin: 0 0 13px 0; } 


/*-----------------------------------------------------------------------------
----------------------------- 7 - Contact Form --------------------------------
-----------------------------------------------------------------------------*/
/* -- Contact Form 7 Plugin -- */
form.wpcf7-form               { margin:20px 0 0 0; font-size:11px;}
form.wpcf7-form input         { width: 98%; height:40px; font-size: 12px; font-weight: 700; border-radius: 0px; padding-left: 2%; margin-bottom: 20px; }
form.wpcf7-form textarea      { width: 98%; min-height:200px; line-height:22px; font-size: 15px; border-radius: 0px; font-weight: 700; -moz-resize:vertical; resize:vertical; padding-left: 2%;} 
form.wpcf7-form input.wpcf7-submit       { width: inherit !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold;  padding: 6px 20px; text-align: center; margin-top: 20px;}
form.wpcf7-form input.wpcf7-submit:hover { opacity:.85;  cursor: pointer; } 
span.wpcf7-not-valid-tip      { font-size: 12px !important; margin-top: -20px !important; margin-bottom: -20px !important;}
div.wpcf7-validation-errors   { color: #000 !important; font-weight: 700; margin: -10px 0 0 -1px !important;}


/*-----------------------------------------------------------------------------
----------------------------- 8 - Custom Pages --------------------------------
-----------------------------------------------------------------------------*/

/* -- not-found -- */
.not-found              { margin: -50px 0 -150px 50px; }

/* -- 404 page -- */
#anthemes-404 .middle-404      { max-width: 900px; margin: 0 auto;}
#anthemes-404                  { width: 100%; margin-top: 25px; margin-bottom: 25px; min-height: 400px; height: auto; padding: 200px 0 0 0; text-align: left; }
#anthemes-404 h1               { font-size: 80px; font-weight: 700; margin-left: -5px; padding: 0 0 60px 0;}
#anthemes-404 p                { font-size: 20px; line-height: 32px; color: #000;}

#anthemes-404 h2               { font-size: 11px; line-height: 20px; font-weight: 700; text-transform: uppercase; height: 20px; display: inline-block; padding: 0 15px; border-radius: 2px; }
#anthemes-404 .widget_recent_entries       { text-align: left; width: 100%; margin: -30px auto 0 auto;}
#anthemes-404 div.widget_recent_entries ul { margin-top: 10px; }
#anthemes-404 .widget_recent_entries li { border-bottom: 1px solid #fafafa; font-weight: 700; background: transparent;  display: block;  padding: 10px 0 10px 0; }
#anthemes-404 .widget_recent_entries li:last-child { }
#anthemes-404 .widget_recent_entries li a { color: #000; }

/* -- Chrome CSS -- */
@media screen and (-webkit-min-device-pixel-ratio:0) { #anthemes-404 h2 { line-height: 22px; } }


/*-----------------------------------------------------------------------------
------------------------------ 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
/* -- Footer section -- */
footer                        { width: 100%; height: auto; bottom: 0; }
div.footer-content            { padding: 250px 0 250px 0; text-align: center;}
div.footer-content h3         { font-size: 16px; letter-spacing: 2px; color: #FFF; margin: 0 0 30px 0; font-weight: 400;}
div.footer-content h2         { color: #FFF; font-size: 50px; font-family: 'Oswald', sans-serif; }
div.footer-content h2 span    { text-transform: uppercase; letter-spacing: 3px; }
div.footer-content a          { border-bottom: 3px solid; }
div.footer-content h2 >span span { position: relative; font-size: 32px; top: -.4em; font-style: italic; margin-left: 10px; white-space: nowrap; text-transform: none; font-weight: 400; } 

/* -- Copyright -- */
.footer-copyright             { width: 90%; height: 40px; text-align: left; margin: 0 0 0 20px;} 
.footer-copyright a           { margin-left: 10px;}

/* -- Back to Top -- */
#back-top                     { position: fixed; display: block; bottom: 10px; right: 10px; z-index:999999; }
#back-top a                   { width: 40px; display: block;  }
#back-top span                { width: 40px; height: 40px; display: block;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top span i              { color: #000; margin: 12px 0 0 14px; font-family: 'Font Awesome 5 Free'; }

/* -- widgets -- */
footer .wrap-middle           { padding: 70px 0 50px 0; margin: 0 auto; background: transparent; }
footer .widget                { padding: 0 25px 20px 25px;}
footer .widget h3.title       { text-align: center; text-transform: uppercase; font-size: 11px; margin-bottom: 20px; padding-bottom: 20px; }
footer .widget h3.title span  { padding: 5px 20px; border-radius: 2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    footer .widget h3.title span { padding: 5px 20px 3px 20px; } 
}

/* -- Widgets Footer -- */
footer .widget a              { color: #FFF !important;}
footer .widget                { margin-bottom: 25px;}
footer .wrap-middle           { margin-bottom: -25px;}

/* -- Random Slider footer -- */
#random-slider-wrap             { width: 100%; height: 250px; float: left; margin-top: 0px; }
ul.random-slider                { width: auto; height: 250px; display: none; overflow-x:hidden; border-right: 20px solid; border-left: 20px solid; }
ul.random-slider li      { width: 380px; height: 250px; float: left; margin: 0 5px; overflow:hidden; }
ul.random-slider li img  { width: 380px; height: 250px; filter: alpha(opacity=0); opacity: 0.70;  object-fit: cover; }
ul.random-slider li:hover img { opacity:0.55; }
ul.random-slider li div.inner-small { display: table; width: 75%; height: 100%; margin: -230px auto 0 auto; }
ul.random-slider li div.inner-small h2 { font-size: 24px; font-weight: 700; line-height: 32px; }
ul.random-slider li div.inner-small h2 span { font-size: 14px; line-height: 0px;}
ul.random-slider li div.inner-cell {display: table-cell; width: 100%; vertical-align: middle;  position: relative; }
ul.random-slider li h2 { text-align: center; font-size: 28px; font-weight: 700; line-height: 40px; margin-top: 8px; margin-right: 5px; }
ul.random-slider li h2 { color: #FFF !important; }
ul.random-slider li span.meta-art { font-size: 13px; }
ul.random-slider li div.alinan-date { margin-top: 10px; text-align: center; text-shadow: 1px 2px 3px #444;  font-size: 11px; color: #FFF; font-weight: 500; }
ul.random-slider li div.alinan-date i { font-size: 10px; padding-right: 3px; text-shadow: none;  }

/* -- Slider Nav -- */
ul.random-slider:hover .owl-prev  { opacity: 1; left: 25px;  -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
ul.random-slider:hover .owl-next  { opacity: 1; right: 25px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
ul.random-slider .owl-prev, ul.random-slider .owl-next              { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin-top: -155px !important; position: relative; border-radius: 2px;}

/* - categories ribbon - */
ul.random-slider .article-category   { float: none; width: 100%; display: inline-block; position: absolute;  text-align: center; margin-top: -25px; height: 18px; font-weight: 700; font-size: 10px; line-height: 20px; text-transform: uppercase;}
ul.random-slider .article-category:hover { opacity: 0.9;}
ul.random-slider .article-category a { padding: 2px 10px; border-radius: 2px;}


/*-----------------------------------------------------------------------------
----------------------------- 10 - Shortcodes -------------------------------------
-----------------------------------------------------------------------------*/

/* -- Buttons  -- */
.simplebtn, .smallbtn  { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold;  padding: 6px 20px; text-align: center; margin: 10px 10px 0 0; }
.smallbtn          { padding: 0px 10px; font-weight: 600; }
.smallbtn a        { color: #FFF !important; }
.smallbtn a:hover  { background: inherit !important; text-decoration: underline;}
.simplebtn:hover   { opacity:.85; text-decoration: none !important; }
.simplebtn i       { padding-right: 5px;}
a.simplebtn.blue:hover  { background-color: #0099cc !important; color: #FFF !important;}
a.simplebtn.green:hover { background-color: #7dc34d !important; color: #FFF !important;}
a.simplebtn.green2:hover { background-color: #0fbe7c !important; color: #FFF !important;}
a.simplebtn.orange:hover{ background-color: #e76b33 !important; color: #FFF !important;}
a.simplebtn.gold:hover  { background-color: #ffd62c !important; color: #FFF !important;}
a.simplebtn.red:hover { background-color: #cc3333 !important; color: #FFF !important;}
a.simplebtn.pink:hover  { background-color: #d63f72 !important; color: #FFF !important; }
a.simplebtn.black:hover { background-color: #3b3b3b !important; color: #FFF !important; }
.simplebtn.blue    { background-color: #0099cc !important; border: 1px solid #0099cc !important; color: #FFF !important; text-shadow: 0 -1px 0 #0099cc;}
.simplebtn.green   { background-color: #7dc34d !important; border: 1px solid #7dc34d !important; color: #FFF !important; text-shadow: 0 -1px 0 #7dc34d;}
.simplebtn.green2  { background-color: #0fbe7c !important; border: 1px solid #0fbe7c !important; color: #FFF !important; text-shadow: 0 -1px 0 #0fbe7c;}
.simplebtn.orange  { background-color: #e76b33 !important; border: 1px solid #e76b33 !important; color: #FFF !important; text-shadow: 0 -1px 0 #e76b33;}
.simplebtn.gold    { background-color: #ffd62c !important; border: 1px solid #ffd62c !important; color: #FFF !important; text-shadow: 0 -1px 0 #ffd62c;}
.simplebtn.red     { background-color: #cc3333 !important; border: 1px solid #cc3333 !important; color: #FFF !important; text-shadow: 0 -1px 0 #cc3333;}
.simplebtn.pink    { background-color: #d63f72 !important; border: 1px solid #d63f72 !important; color: #FFF !important; text-shadow: 0 -1px 0 #d63f72;}
.simplebtn.black   { background-color: #3b3b3b !important; border: 1px solid #3b3b3b; color: #FFF !important; text-shadow: 0 -1px 0 #3b3b3b;}


/* -- Columns -- */
.one_half, .one_half_last         { float:left;width:48%; margin-bottom:10px; margin-right:4%; }
.one_half_last                    { margin-right:0;}

.one_third, .one_third_last       { float:left; width:30%; margin-bottom:10px; margin-right:5%; }
.one_third_last                   { margin-right:0;}

.one_fourth, .one_fourth_last     { float:left; width:23.5%; margin-bottom:10px; margin-right:2%; }
.one_fourth_last                  { margin-right:0;}

/* -- Boxes info  -- */
.boxinfo                          { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); background:#ddecf5; color:#99b1c1; 
                                    border:1px solid #c3d9e5; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;}
.boxsucces                        { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); background:#e9f6e3; color:#93c088;
	                                border:1px solid #ceedc4; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;}
.boxerror                         { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1);	background:#ffe3e3; color:#cf9494;
	                                border:1px solid #fdcdcd; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;}
.boxnotice                        { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1);	background:#fcf9da; color:#b3ad77;
	                                border:1px solid #ebe7bc; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;}
.boxinfo, 
.boxsucces, 
.boxerror, 
.boxnotice                        { max-width: 100% !important; display: block !important; }

/* -- List styles – ul  -- */
ul.simplelist li            { padding:3px 0 3px 15px; background: url(images/li_arrow.png) no-repeat 0px center; font-weight: 600;  }
ul.simplelist               { margin:20px 0px; list-style-type: none;}

ul.minus-blue-list li       { padding:3px 0 3px 17px; background: url(images/li_minus_blue.png) no-repeat 0px center; font-weight: 600;  }
ul.minus-blue-list          { margin:20px 0px; list-style-type: none;}

ul.minus-green-list li      { padding:3px 0 3px 17px; background: url(images/li_minus_green.png) no-repeat 0px center; font-weight: 600; }
ul.minus-green-list         { margin:20px 0px; list-style-type: none;}

ul.minus-orange-list li     { padding:3px 0 3px 17px; background: url(images/li_minus_orange.png) no-repeat 0px center; font-weight: 600; }
ul.minus-orange-list        { margin:20px 0px; list-style-type: none;}

ul.minus-gold-list li       { padding:3px 0 3px 17px; background: url(images/li_minus_gold.png) no-repeat 0px center; font-weight: 600; }
ul.minus-gold-list          { margin:20px 0px; list-style-type: none;}

ul.minus-black-list li      { padding:3px 0 3px 17px; background: url(images/li_minus_black.png) no-repeat 0px center; font-weight: 600; }
ul.minus-black-list         { margin:20px 0px; list-style-type: none;}