/*
Theme Name: Quemag WP
Theme URI: https://anthemes.com/theme/quemag/ssssssss
Description: Quemag WP - WordPress Theme for Bloggers.
Version: 1.1
Author: An-Themes
Author URI: https://themeforest.net/user/an-themes/portfolio
Tags: sticky-post, right-sidebar, custom-colors
Text Domain: quemag-wp
Tested up to: 5.5
Requires PHP: 5.4
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 "Ruda", 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-header               { width: 1240px; height: 80px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px;}
.wrap-center               { width: 1240px; height: auto; margin: 0 auto; }
.wrap-middle               { width: 1240px; height: auto; margin: 0 auto; }
.top-navigation            { width: 100%; height: 40px; margin: 0 auto; }

/* - Layout content - */
.wrap-fullwidth            { width: 1240px; height: auto; margin: 0 auto 40px auto; }
.wrap-fullwidth-bg         { width: 1240px; height: auto; margin: 40px auto 65px auto; padding: 10px 0px 25px 0; border-radius: 3px;}
.wrap-fullwidth-bg .entry  { width: auto; padding-left: 50px; padding-right: 50px;}
body.single-post .wrap-fullwidth-bg .entry  { width: auto; padding-left: 0px; padding-right: 0px;}

/* .page-content */
.wrap-content              { width: 620px; height: auto; float: left; margin-bottom: 0; padding-top: 40px; padding-bottom: 25px; }
.wrap-masonry-full         { width: auto; height: auto; float: left; margin-bottom: 0; padding-top: 40px; padding-bottom: 25px; }
.wrap-masonry-small        { width: 905px; height: auto; float: left; margin-bottom: 0; padding-top: 40px; padding-bottom: 25px; }           

.single-content            { width: 905px; float: left; padding: 0 0 25px 0; margin-bottom: 25px; margin-top: 40px; border-radius: 3px; clear: both; }           
.sidebar                   { width: 300px; float: left; margin-left: 35px; margin-top: 40px; margin-bottom: 0px; } 
.sidebar-left              { width: 250px; float: left; margin-top: 40px; margin-right: 35px; margin-bottom: 0px;}


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

/* -- Popular Words -- */
.popular-words             { width: auto; height: 30px; margin: 10px 10px 0 0;  float: left; text-align: left; font-size: 13px !important; }
.popular-words a           { font-weight: bold; margin-left: 15px; font-size: 13px !important;}
.popular-words strong      { padding: 4px 12px; border-radius: 3px;}

/* -- Top social icons -- */
ul.top-social              { width: 36px; height: auto; position: absolute; z-index: 101; right: 0; padding: 15px 0; margin: 50px 0 0 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.top-social li             { text-align: center; font-size: 16px; line-height: 1.2; text-align: center;}
.top-social li a i         { padding: 6px 6px;  }
.top-social li a:hover     { cursor: pointer; transition: all .2s ease-in-out;  opacity: 0.5; } 

/* -- Logo -- */
.logo                      { float: left;  max-height: 80px; }

/* -- Search -- */
.triangle-search           { width: 0; position: absolute; margin: 6px 0 0 -6px; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #FFFFFF transparent transparent; }
#searchform2               { height: auto; float: left; margin: 26px 0 0 30px; }
#searchform2 #s            { font-weight: bold; height: 28px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 1px 20px 0 20px; font-size: 12px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
#searchform2 .buttonicon   { font-family: 'Font Awesome 5 Free'; line-height: 32px; font-size: 13px; font-weight: 700; width: 32px; height: 31px;  float: right; border: none; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
#searchform2 .buttonicon:hover   { cursor: pointer;}
#s                         { width: 170px; } 
@media only screen and (max-width: 980px) {
    #searchform2 input[type="submit"] { -webkit-appearance: none !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;  }
    #searchform2 .buttonicon { margin-left: -4px;}
}

/* -- AnThemes Top Header Menu -- */
.ant-responsive-menu       { font-family: 'Oswald', sans-serif; font-size: 13px; float: right; font-weight: 500; margin: 28px -20px 0 35px; } 
/*Top level menu link items style*/
.ant-responsive-menu > li.login { margin-top: -3px; }
.ant-responsive-menu > li.login > a > .arrow:before { display: none; }
.ant-responsive-menu > li.login ul.sub-menu { margin: 30px 0 0 0; /* margin: 30px 0 0 -130px; */ }
.ant-responsive-menu > li.login a i { display: block; font-size: 18px !important; padding-bottom: 20px; }
.ant-responsive-menu li.login a:hover { background-color: transparent !important; }
.ant-responsive-menu > li.login:hover a { background-color: transparent !important; } 
.ant-responsive-menu > li.login a:hover i { color: #FFF !important; }
.ant-responsive-menu > li  { display: block; float: left; padding: 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 .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 !important; 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: -1px 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 !important; 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: #000; 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 0px 20px 20px; margin-top: 65px; 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 5px 20px; margin-left: -20px }  
    .ant-responsive-menu li a.arrow { padding: 0 30px !important; margin-right: -10px; display: inline-block; float: right; }
    .ant-responsive-menu li ul.sub-menu > li a.arrow { margin-top: 18px !important; margin-right: 2px; padding: 0 30px !important; border-bottom: none !important; }
    .ant-responsive-menu > li > a > .arrow:before { font-family: 'Font Awesome 5 Free'; float: right; font-size: 12px; 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; margin-left: 20px; }
    .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;}
}


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

/* -- Home content -- */
.home-content           { background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.home-content div.entry { margin: 40px 50px 0 50px !important; padding: 30px 0 !important; }
 
/* -- Home Header AD -- */
.headerlb               { max-width: 900px; height: auto; display: block; margin:40px auto -7px auto;}

/* -- Home Featured Posts -- */
#featured-posts-section  { width: 100%; height: auto; }
#featured-posts          { width: 1380px; margin: 0 auto 0 auto; clear: both; display: block; padding-bottom: 10px; }
ul.featured-home-posts   { width: 1380px; height: auto; float: left; }
ul.featured-home-posts li{ width: 320px; height: 227.5px; float: left; margin: 0 0 35px 35px; overflow:hidden; background-color: #000; }
ul.featured-home-posts li img { width: 320px; height: 227.5px; object-fit: cover; border-radius: 3px; }
ul.featured-home-posts li.big { width: 670px; height: 490px; float: left; margin-left: 0px !important; margin-bottom: 0px !important; }
ul.featured-home-posts li.big img { width: 670px; height: 490px; border-radius: 3px; }
ul.featured-home-posts h2:hover { }
ul.featured-home-posts li:hover div.an-date { position: relative; z-index: 102;} 
ul.featured-home-posts li img  { filter: alpha(opacity=0); opacity: 0.70; }
ul.featured-home-posts li h2 { position: relative; font-size: 16px; font-weight: 700; line-height: 24px;  }
/* -- Home featured title -- */
ul.featured-home-posts li div.inner-big { display: table; width: 70%; height: 100%; margin: -485px auto 0 auto; }
ul.featured-home-posts li div.inner-small { display: table; width: 80%; height: 100%; margin: -230px auto 0 auto; }
ul.featured-home-posts li div.inner-small h2 { font-size: 18px; font-weight: 700; line-height: 28px; }
ul.featured-home-posts li div.inner-small h2 span { font-size: 14px; line-height: 0px;}
ul.featured-home-posts li div.inner-cell {display: table-cell; width: 100%; vertical-align: middle;  position: relative; }
ul.featured-home-posts li h2 { text-align: center; font-size: 28px; font-weight: 700; line-height: 40px; margin-top: 8px; margin-right: 5px; }
ul.featured-home-posts li h2 { color: #FFF !important; text-shadow: 1px 2px 3px #444;}
ul.featured-home-posts li h2 span { font-size: 22px; line-height: 0px;}
ul.featured-home-posts li span.meta-art { font-size: 13px; }
ul.featured-home-posts li div.an-date { margin-top: 5px; text-align: center; text-shadow: 1px 2px 3px #444;  font-size: 11px; color: #FFF; font-weight: 500; }
ul.featured-home-posts li div.an-date i { font-size: 10px; padding-right: 3px; text-shadow: none;  }
/* -- 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); }
/* - categories ribbon - */
ul.featured-home-posts .article-category   { float: none; width: 100%; display: inline-block; position: absolute; }
.article-category   {  text-align: center; margin-top: -25px; font-weight: 700; font-size: 10.5px; text-transform: uppercase;}
.article-category:hover { opacity: 0.9;}
.article-category:hover i { opacity: 0.9;}
.article-category a { padding: 4px 10px 2px 10px; border-radius: 2px; }
/* - user avatar - */
ul.featured-home-posts li div.grid-top { width: 250px; height: 45px; float: right; margin: -55px 20px 0 0; position: inherit; opacity: 1; }
ul.featured-home-posts li.big div.grid-top { margin: -65px 20px 0 0; }
ul.featured-home-posts .grid-useravatar img.avatar { width: 22px; height: 22px; float: right; border-radius: 50%; margin: 12px 0 0 10px; }
ul.featured-home-posts .grid-username          { float: right; margin: 11px 0 0 10px; line-height: 26px; position: relative; text-transform: lowercase; }
ul.featured-home-posts .grid-username a        { color: #cbc7c7 !important; font-size: 14px; }
ul.featured-home-posts .grid-username a:hover  { color: #FFF !important;}
.img-zoom-in:hover img.avatar { opacity: 1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }

/* ##### Big Search ##### */
.front-overlay-content     { width: 100%; height: 400px; background-size: cover !important; background-position: center !important; position: relative; margin: 0 auto;  }
.front-overlay-wrap        { width: 100%; height: 400px; text-align: center;}
.front-overlay-wrap h1     { width: 600px; margin: 0 auto; padding-top: 100px; font-weight: 700; font-size: 26px; line-height: 36px; word-spacing:7px; }
.welcome-disable           { width: 100%; height: 1px; padding-top: 72px;}
/* -- Sub Header Search -- */
.front-overlay-content #searchform1               { width: 680px; height: auto; margin: 30px auto 5px auto;}
.front-overlay-content #searchform1 #q            { width: 520px; font-weight: bold; height: 50px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.front-overlay-content #searchform1 .buttonicon   { width: 120px; height: 50px; float: right; border: none; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 17px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.front-overlay-content #searchform1 .buttonicon:hover   { cursor: pointer; opacity:.95; }
/* -- Sub Header Search ( Popular Words ) -- */
.popular-words-search             { width: 680px; height: 30px; margin: 0 auto; text-align: left; font-size: 12px !important; }
.popular-words-search a           { font-weight: bold; margin-left: 7px; font-size: 12px !important;}

/* -- Masonry Full -- */
ul.masonry-full         { width: 1265px; float: left; height: auto; margin: 0 0 0 -25px; }
ul.masonry-full li      { float: left; width: 291.25px; height: auto; border-radius: 3px; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }          
ul.masonry-full li img  { float: left; width: 291.25px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-top-right-radius: 3px;}
ul.masonry-full li h2   { overflow-wrap: break-word !important; word-wrap: break-word !important; font-family: 'Oswald', sans-serif; margin: 45px 0 0 0; font-size: 20px; font-weight: 400; line-height: 29px; }
ul.masonry-full li h2 a { color: #192b33;}
ul.masonry-full li div.masonry-full-content { float: left; width: 241.25px; padding: 0 25px 25px 25px; }
ul.masonry-full li div.masonry-full-content p { padding: 15px 0 15px 0; font-size: 13px; line-height: 22px; } 
ul.masonry-full li div.an-date   { margin-top: -1px; width: auto; float: left; font-size: 11px; padding-bottom: 5px; color: #192b33; font-weight: 700; }
ul.masonry-full li div.an-date i { font-size: 10px; padding-right: 3px; text-shadow: none;  }

/* -- Masonry Small -- */
ul.masonry-small         { width: 930px; float: left; padding: 0 0 25px 0; margin-bottom: 25px; margin-top: 40px; margin: 0 0 0 -25px; }
ul.masonry-small li      { float: left; width: 285px; height: auto; border-radius: 3px; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }          
ul.masonry-small li img  { float: left; width: 285px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-top-right-radius: 3px;}
ul.masonry-small li h2   { overflow-wrap: break-word !important; word-wrap: break-word !important; font-family: 'Oswald', sans-serif; margin: 45px 0 0 0; font-size: 20px; font-weight: 400; line-height: 29px; }
ul.masonry-small li h2 a { color: #192b33;}
ul.masonry-small li div.masonry-small-content { float: left; width: 241.25px; padding: 0 25px 25px 25px; }
ul.masonry-small li div.masonry-small-content p { padding: 15px 0 15px 0; font-size: 13px; line-height: 22px; } 
ul.masonry-small li div.an-date   { margin-top: -1px; width: auto; float: left; font-size: 11px; padding-bottom: 5px; color: #192b33; font-weight: 700; }
ul.masonry-small li div.an-date i { font-size: 10px; padding-right: 3px; text-shadow: none;  }

/* ##### Modern Articles List ########
################################### */
/* -- List -- */
ul.modern-list         { width: 620px; height: auto; margin: 0 0 0 0;}
ul.modern-list li      { float: left; width: 100%; max-height: 225px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }          
ul.modern-list li img  { float: left; width: 300px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
ul.modern-list li h2   { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 45px 0 0 0; font-size: 20px; font-weight: 400; line-height: 29px; }
ul.modern-list li h2 a { color: #192b33;}
ul.modern-list li div.modern-list-content { width: 270px; /* +25+25 = 320  padding */ float: left; padding: 0 25px 10px 25px; }
ul.modern-list li div.modern-list-content-full { width: 570px; /* +25+25 = 620  padding */ float: left; padding: 0 25px 15px 25px; }
ul.modern-list li div.modern-list-content-full p { padding: 15px 0 15px 0; font-size: 13px; line-height: 22px; }
ul.modern-list li div.modern-list-content p { padding: 15px 0 15px 0; font-size: 13px; line-height: 22px; } 
ul.modern-list li div.an-date   { width: auto; float: left; font-size: 11px; padding-bottom: 5px; color: #192b33; font-weight: 700; }
ul.modern-list li div.an-date i { font-size: 10px; padding-right: 3px; text-shadow: none;  }

/* -- Category ribbon -- */
.listbtn-category           { margin: 0 0 0 -25px; position: relative; float: left; padding: 3px 10px; display: inline-block; height: 18px; line-height: 18px; font-weight: 700; font-size: 11px; text-transform: uppercase; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .listbtn-category { padding: 6px 10px 4px 10px; } }
.listbtn-category           { border-bottom-right-radius: 4px; }
.listbtn-category a         { color: #FFF !important;}
.listbtn-category a:hover   { color: #FFF !important;}

/* -- Home social -- */
ul.home-social { width: auto; float: left; margin-left: 20px; margin-top: -2.5px;}
ul.home-social li { width: 26px; margin-bottom: 0px; margin-left: 1px; float: left; text-align: center; border-radius: 2px; }
ul.home-social li a  { display: block; font-size: 12px; padding: 3px 5px 1px 5px; line-height: 18px; }
ul.home-social li.fb a{ color: #3b5998;}
ul.home-social li.tw a{ color: #55acee;}
ul.home-social li.pi a{ color: #c8232c;}
ul.home-social li.wa a{ color: #09b23c;}
ul.home-social li.fb:hover { background-color: #3b5998;}
ul.home-social li.tw:hover { background-color: #55acee;}
ul.home-social li.pi:hover { background-color: #c8232c;}
ul.home-social li.wa:hover { background-color: #09b23c;}
ul.home-social li:hover a { color: #FFF;}

/* -- Icons -- */
ul.meta-icons-home    { width: 24px !important; height: 24px !important; float: right; margin: 15px 17px -39px 0 !important; }
ul.meta-icons-home li { width: 24px !important; height: 24px !important; margin-left: 0px !important; border-radius: 50% !important; font-size: 11px; line-height: 25px; text-align: center; color: #FFF; float: left; position: relative; z-index: 101; }
ul.meta-icons-home li:hover { cursor: help;}
.sticky-lm { position: relative; display: inline-block; }
.sticky-lm .tooltiptext { visibility: hidden; padding: 10px 0; width: 140px; font-size: 14px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; position: absolute; top: 150%; left: 50%;  margin-left: -70px; }
.sticky-lm .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #000 transparent; }
.sticky-lm:hover .tooltiptext { visibility: visible; }

/* -- Icons -- */
ul.meta-icons-home li.sticky-lm   { background-color: #000; }
.sticky-lm .tooltiptext { background-color: #000; }
.sticky-lm .tooltiptext::after { border-color: transparent transparent #000 transparent; }

 /* -- Pagination Box -- */
.quemag-pag       { width: 100%; height:auto; margin-top: 10px; float: left; border-radius: 3px; padding: 25px 0;}

 /* -- Pagination -- */
.wp-pagenavi { position: relative; float: left; width: 100%; text-align: center; font-size: 15px; }
.wp-pagenavi a, .wp-pagenavi span  { display: inline-block; border-radius: 3px; padding:5px 13px 3px 13px; list-style: none;  margin: 0; margin-right:2px; font-size:12px; font-weight:700; }

/* -- Default pagination numbers -- */
.defaultpag                       { text-align: center; font-weight: 700; padding: 25px 0;}
.defaultpag a                     { font-size: 15px; display: inline-block; text-align: center; padding: 7px 20px 6px 20px; margin-left: 10px; margin-right: 10px; border-radius: 3px; line-height: 24px; }
.defaultpag a i.fa-angle-right    { font-size: 12px; padding-left: 5px;}
.defaultpag a i.fa-angle-left     { font-size: 12px; padding-right: 5px;}
.defaultpag a:hover               { opacity: 0.8;}

/* -- Home Title -- */
.home-title h3     { text-align: center; font-size: 12px; line-height: 20px; font-weight: 700; text-transform: uppercase; }
.home-title        { width: 120px; height: 20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); float: left; position: absolute; padding: 3px 15px 1px 15px; border-radius: 2px; margin: 88px 0 0 -75px; }

/* #################
 ---- Modules -----
#################### -- */
body.page-template-template-home-modules div.content-modules { margin-top: 40px;}
div.content-modules    { width: 1240px; height: auto; margin: -20px auto 45px auto; }
div.content-modules .widget-titlevertical  { margin: 88px 0 0 -75px; }

/* -- Module Grid -- */ 
ul.module-grid         { float: left; width: auto; height: auto; margin: 0 0 15px -25px;  }     
ul.module-grid li      { border-radius: 4px; width: 241.25px; height: 375px; padding: 25px; float: left; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
ul.module-grid li img  { width: 241.25px; height: 180px; border-radius: 3px; object-fit: cover; }
ul.module-grid li h4   { color: #222; overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 15px 0 0 0; font-size: 17px; line-height: 30px; font-weight: 500;}
ul.module-grid li p    { padding: 15px 0 15px 0; font-size: 13px; line-height: 22px; } 
ul.module-grid li div.an-date   { width: auto; float: left; font-size: 11px; padding-bottom: 5px; color: #192b33; font-weight: 700; }
ul.module-grid li div.an-date i { font-size: 10px; padding-right: 3px; text-shadow: none;  }
ul.module-grid li ul.home-social { margin-top: -1px; }
ul.module-grid li ul.home-social li { width: 26px; height: 24px; margin-bottom: 0px; margin-left: 1px; padding: 0px; float: left; text-align: center; border-radius: 2px; }
ul.module-grid li ul.home-social li a  { display: inline-block; font-size: 12px; padding: 1px 5px 0 5px; line-height: 18px; }
ul.module-grid li ul.home-social li { background-color: #fff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
ul.module-grid li ul.home-social li.fb a{ color: #3b5998;}
ul.module-grid li ul.home-social li.tw a{ color: #55acee;}
ul.module-grid li ul.home-social li.pi a{ color: #c8232c;}
ul.module-grid li ul.home-social li.wa a{ color: #09b23c;}
ul.module-grid li ul.home-social li.fb:hover { background-color: #3b5998;}
ul.module-grid li ul.home-social li.tw:hover { background-color: #55acee;}
ul.module-grid li ul.home-social li.pi:hover { background-color: #c8232c;}
ul.module-grid li ul.home-social li.wa:hover { background-color: #09b23c;}
ul.module-grid li ul.home-social li:hover a { color: #FFF;}

/* -- Module AD -- */
div.module-ad            { max-width: 900px; height: auto; margin: 0 auto 38px auto; }
div.module-ad img        { width: auto; height: auto;} 

/* -- Module Tags -- */
.widget_quemag_wp_moduletoptags .widget-titlevertical  { display: none;}
.widget_quemag_wp_moduletoptags { padding: 30px 25px 25px 25px; margin-bottom: 40px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1);  }

/* -- Custom Text -- */
div.content-modules .widget_text { font-size: 15px; line-height: 26px; border-radius: 3px; text-align: center; padding: 45px; margin-bottom: 40px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.widget_text img    { max-width: 100% !important;}
.widget_text select { width: 100%; padding: 10px 20px;}
.widget_text option { padding: 0 10px;}
div.content-modules .widget_text .widget-titlevertical { display: none;}


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

/* -- not-found -- */
.not-found              { width: 300px; min-height: 40px; float: left; padding: 15px 30px 40px 30px; border-radius: 5px; background-color: #FFF; }
.not-found #searchform2               { width: 300px; height: auto; float: left; margin: 25px 0 0 0; }
.not-found #searchform2 #s            { width: 218px; background-color: #f5f5f5; font-weight: bold; height: 40px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 1px 20px 1px 20px; font-size: 13px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.not-found #searchform2 .buttonicon   { background-color: #f5f5f5; font-family: 'Font Awesome 5 Free'; font-size: 14px; font-weight: 700; width: 42px; height: 42px;  float: right; border: none; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.not-found #searchform2 .buttonicon:hover   { cursor: pointer; opacity: 0.7; }
.not-found p            { font-size: 16px; padding-top: 20px; line-height: 24px;}
.not-found #searchform2 .triangle-search { display: none;}

/* -- Archive-header -- */
h3.index-title          { margin: 0 0 25px 2px; display: inline-block; font-size: 18px; padding:0 15px 0 15px; }
.wrap-content .title-home-circle,
.wrap-masonry-full .title-home-circle,
.wrap-masonry-small .title-home-circle   { width: 10px; height: 10px; margin: -38px 0 25px 0px; }
.wrap-content .title-home-circle i,
.wrap-masonry-full .title-home-circle i,
.wrap-masonry-small .title-home-circle i { font-size: 12px; }
.indexbox            { line-height: 26px; padding: 20px; margin: 0 0 25px 0; border-radius: 3px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.indexbox a          { padding: 0 2px; font-weight: bold;}

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

/* -- Entry Top / Featured Image */
img.attachment-quemag-wp-thumbnail-single-image { max-width: 100%; display: block; border-radius: 3px; margin-left: auto; margin-right: auto; height: auto; margin-bottom: 30px; }
.entry-top                 { width: auto; text-align: center; float: none; height: auto; margin: 0 140px; padding: 35px 0 20px 0; }
.entry-top .post-data      { max-width: 100%;  margin: 3px auto 0 auto; display: inline-block; }
.entry-top .post-data div.time-article   { width: auto; float: left; font-size: 12px; padding-bottom: 5px; color: #192b33; font-weight: 700; }
.entry-top .post-data div.time-article i { font-size: 10px; padding-right: 3px; text-shadow: none;  }
ul.article-social { width: auto; float: left; margin-left: 20px; margin-top: -1px;}
ul.article-social li { background-color: #fff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
ul.article-social li { width: 26px; margin-bottom: 0px; margin-left: 1px; float: left; text-align: center; border-radius: 2px; }
ul.article-social li a  { display: inline-block; font-size: 12px; padding: 1px 5px 0 5px; line-height: 18px; }
ul.article-social li a i { padding-top: 2px;}
ul.article-social li.fb a{ color: #3b5998;}
ul.article-social li.tw a{ color: #55acee;}
ul.article-social li.pi a{ color: #c8232c;}
ul.article-social li.wa a{ color: #09b23c;}
ul.article-social li.fb:hover { background-color: #3b5998;}
ul.article-social li.tw:hover { background-color: #55acee;}
ul.article-social li.pi:hover { background-color: #c8232c;}
ul.article-social li.wa:hover { background-color: #09b23c;}
ul.article-social li:hover a { color: #FFF;}

/* -- Single Share -- */
#single-share  { width:50px; height: auto; margin: 15px 0 0 27px; float: left; position: absolute; }
#single-share a { width: 35px; height: 35px; text-align: center; display: block; border-radius: 3px; 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;}
#single-share a.wabutton    { background-color: #09b23c; color: #FFF !important;}
#single-share a.commbutton  { color: #FFF !important;}
#single-share a.commbutton i,
#single-share .wabutton 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: 32px; font-weight: 700; line-height: 44px; margin: 15px 0 5px 0; }
h1.page-title              { font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 15px !important; padding-top: 7px; }
#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 100px 40px 100px;}
.entry p                   { padding: 10px 0; font-size: 14px; line-height: 28px; }
.entry p a                 { padding: 0 2px; font-weight: bold;}
.entry h1                  { line-height: 36px; margin-bottom: 10px;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-top: 35px; margin-bottom: 5px; }
.entry strong              { font-weight: bold; }
body.page-template-default .entry { margin: 0 50px 40px 50px; }
body.page-template-page .entry { margin: 0 50px 40px 50px; }
body.page-template-page > .wrap-fullwidth-bg .entry { margin: 0 0px 40px 0px; }
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; }

/* -- 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-top: 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 -- */
.single-related            { width: 705px; height: auto; margin: 55px auto 0 auto; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5;}
.single-related-wrap       { width: auto; margin: 0 auto; }
.single-related h4         { margin-top: 10px;}
.one_half_sr img           { border-radius: 3px;}
.one_half_sr, .one_half_last_sr    { float:left; width:300px; margin-bottom:10px; margin-right:50px; }
.one_half_last_sr                  { width:350px; margin-right:0;}
h3.related-widget-title    { display: inline-block; width: auto; height: 18px; font-size: 12px; text-align: center; line-height: 20px; font-weight: 700; text-transform: uppercase; padding: 2px 35px 3px 35px; border-radius: 3px; margin-bottom: 20px;}
 
/*-- Entry Categories / Tags -- */
.entry-art-ct              { float: left; padding: 30px 0 0 0; }
.entry-btn                 { border-radius: 3px; font-size: 12px; display: inline-block; font-weight: bold;  padding: 1px 10px 0 10px; text-align: center; margin: 5px 5px 0 0; } 
.ct-size a                 { font-size: 12px; font-weight: 700; padding: 3px 6px; border-radius: 3px;}

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

/* -- About Author -- */
.author-meta               { width: 100%; margin-top: 30px; border-radius: 3px; float: left; }
.author-meta-entry         { padding: 20px 32px 32px 30px;}
.author-name               { float: left;}
.author-name a             { font-weight: 700; }
.author-info               { width: auto; height: auto; margin: 10px 0 0 30px; }
.author-meta strong        { text-transform: uppercase; padding-right: 10px; padding-left: 5px;}
.author-info p             { padding: 10px 0; font-size: 14px; line-height: 24px; padding-right: 0px !important; }
.author-info a.author-link { font-size: 14px;}
.author-info a.author-link i { }
.author-left-meta          { width: 60px; height: auto; float: left; padding: 0 25px 0 0;}
.author-left-meta img.avatar { width: 60px; height: 60px; margin-top: 8px; border-radius: 50%; border: 5px solid #FFF; filter: alpha(opacity=1); opacity: 1; position: relative; -moz-box-shadow: 0 0px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.3); box-shadow: 0 0px 1px rgba(0,0,0,0.3); }
.author-meta strong i { font-size: 13px; padding-right: 5px; } 
div.author-info i.fa-home { padding-left: 8px; padding-right: 5px; }
 
/* -- Author Link -- */
ul.author-social { list-style-type: none; margin: 2px 0 0 55px !important; width: auto; float: left; }
ul.author-social li { background-color: #fff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
ul.author-social li { min-width: 26px; margin-bottom: 0px; padding: 0px; margin-right: 5px; margin-left: 1px; float: left; text-align: center; border-radius: 3px; }
ul.author-social li a  { display: block; font-size: 12px; padding: 6px 3px 3px 3px; line-height: 14px; }
ul.author-social li.link a { color: #000; padding: 6px 13px 3px 13px; font-weight: 700; } 
ul.author-social li.link { background-color: #FFF; }
ul.author-social li a:hover { transform: scale(1.05);}

/* -- Related articles single -- */
.prev-articles .one_half   { text-align: center; background-color: #fafafa; border-radius: 4px; border-bottom: 1px solid #f1f1f1; }
.prev-articles .one_half_last { text-align: center; background-color: #fafafa; border-radius: 4px; border-bottom: 1px solid #f1f1f1; }
.prev-articles             { margin: 0 100px; margin-top: 5px; margin-bottom: 20px; }
.prev-entry                { padding: 25px 25px 25px 25px; color: #999; font-size: 16px;}
.prev-entry2                { padding: 25px 25px 25px 25px; color: #999; font-size: 16px;}
.prev-articles h2 a         { font-size: 17px; font-weight: 500; line-height: 28px; border-bottom: 1px solid #ffc600;}
.prev-articles h2           { margin-top: 5px; overflow-wrap: break-word; word-wrap: break-word;}


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

/* -- Sidebar -- */
.sidebar .widget  { width: 250px; border-radius: 3px; padding: 25px; margin-bottom: 25px; position: relative;} 
.sidebar-left .widget  { width: 200px; border-radius: 3px; padding: 25px; margin-bottom: 25px; position: relative;}
.widget-title h3     { text-align: center; font-size: 12px; line-height: 20px; font-weight: 700; text-transform: uppercase; }
.widget-title        { min-width: 120px; display: inline-block; height: 20px; padding: 3px 15px 1px 15px; border-radius: 3px; margin: 0 0 20px 0; }
.widget-titlevertical h3     { text-align: center; font-size: 12px; line-height: 20px; font-weight: 700; text-transform: uppercase; }
.widget-titlevertical        { width: 120px; height: 20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); float: left; position: absolute; padding: 3px 15px 1px 15px; border-radius: 3px; margin: 63px 0 0 -99px; }

/* -- 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: 10px 25px 15px 25px;}
div.feed-info img.iconfeed { width: 32px; height: 32px; display: block; margin: 15px auto 10px auto;}
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; opacity: 0.5; }
#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 { opacity:.85;  cursor: pointer; }
.sidebar-left #newsletter-form input { width:198px; }
.sidebar-left #newsletter-form input.newsletter-btn  { width:200px; }

/* -- Subscribe widget -- */
.subscribe-widget    { padding: 36px 28px; }
.subscribe-widget    { background-color: #f4f4f4; border-radius: 3px; }
.subscribe-widget h4 { color: #333; font-size: 16px; font-weight: 700; margin-bottom: 3px; text-align: center; }
.subscribe-widget p  { margin-bottom: 20px; font-size: 13px; color: #999; width: 100%; text-align: center;} 
.subscribe-form      { float: none; width: 100%; text-align: center; }
.subscribe-widget input { width: 100%; margin-bottom: -2px; }
.subscribe-widget input { border:1px solid #d5d6d8 !important; background: #fff; padding: 0 9%; width: 80%; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.subscribe-widget input[type=submit] { width: 99%; margin-left: 0; border: 0px; margin-bottom: 0; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.subscribe-widget input::placeholder { text-align: center; font-size: 12px; color: #999; padding-left: 20px; }
.subscribe-widget input[type=submit]:hover { opacity:.85;  cursor: pointer;}
.subscribe-widget input[type=submit] { font-size: 12px; text-transform: uppercase; padding: 11px 0; margin-top: 0; font-weight: 700; }
.mc4wp-success       { text-align: center; font-size: 12px; padding-top: 10px; }

/* -- Article widget Big -- */
ul.article_list          { width: 100%; height: auto; border-radius: 2px; margin-top: -15px; }
ul.article_list li       { width: 100%; height: auto; float: left; display: block; padding: 15px 0; }
ul.article_list li p     { padding: 7px 0 7px 0; float: left; font-size: 13px; line-height: 22px;}
ul.article_list li:last-child { border-bottom: none; padding-bottom: 0px; }
ul.article_list li img     { width: 250px; height: 180px; object-fit: cover; float: left; border-radius: 3px; margin-bottom: 12px;}
ul.article_list li:hover img  { opacity:1; }
ul.article_list h4   { float: left; font-size: 15px; line-height: 26px; font-weight: 700; margin: 0 0 2px 0; }
ul.article_list div.an-date   { width: auto; float: left; font-size: 11px; padding-bottom: 5px; color: #192b33; font-weight: 700; }
ul.article_list div.an-date i { font-size: 10px; padding-right: 3px; text-shadow: none;  }
ul.article_list ul.home-social { width: auto; float: left; margin-left: 0px; margin-top: 5px; margin-bottom: 1px; }
ul.article_list ul.home-social li { width: 26px; margin-bottom: 0px; margin-left: 1px; padding: 0px; float: left; text-align: center; border-radius: 2px; }
ul.article_list ul.home-social li a  { display: inline-block; font-size: 12px; padding: 1px 5px 0 5px; line-height: 18px; }
ul.article_list ul.home-social li { background-color: #fff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
ul.article_list ul.home-social li.fb a{ color: #3b5998;}
ul.article_list ul.home-social li.tw a{ color: #55acee;}
ul.article_list ul.home-social li.pi a{ color: #c8232c;}
ul.article_list ul.home-social li.wa a{ color: #09b23c;}
ul.article_list ul.home-social li.fb:hover { background-color: #3b5998;}
ul.article_list ul.home-social li.tw:hover { background-color: #55acee;}
ul.article_list ul.home-social li.pi:hover { background-color: #c8232c;}
ul.article_list ul.home-social li.wa:hover { background-color: #09b23c;}
ul.article_list ul.home-social li:hover a { color: #FFF;}

/* -- Article widget Small -- */
ul.article_list_small          { width: 100%; height: auto; float: left; border-radius: 2px;  margin-top: -15px; }
ul.article_list_small li       { width: 100%; height: auto; float: left; display: block; padding: 15px 0; }
ul.article_list_small li:last-child { border-bottom: none; padding-bottom: 0px; }
ul.article_list_small li img     { width: 75px; height: 75px; object-fit: cover; float: left; margin-bottom: 0px; border-radius: 3px; }
ul.article_list_small li:hover img  { opacity: 0.7 !important; }
ul.article_list_small li div.an-widget-title { font-size: 12px; color: #b3b2b2; font-weight: bold;}
ul.article_list_small .an-widget-title h4   { font-size: 15px; line-height: 26px; font-weight: 700; margin: 0 0 2px 0;}
ul.article_list_small div.time-article-widget   { width: auto; float: left; font-size: 12px; margin-top: 3px; color: #192b33; font-weight: 700; }
ul.article_list_small div.time-article-widget i { font-size: 10px; padding-right: 3px; text-shadow: none;  }
.widget ul.article_list_small .an-widget-title h4   { font-size: 13px; line-height: 24px; font-weight: 700; margin: 0 0 2px 0;}

/* -- Menu left (sidebar )-- */
ul.menu-left               { float:left; height: auto; margin: 0; font-size: 14px; line-height: 24px; font-weight: 700; border-top: 1px solid rgba(241, 241, 241, .3);}
ul.menu-left li            { float:left; width: 100%; border-bottom: 1px solid rgba(241, 241, 241, .3); border-radius: 3px;}
ul.menu-left li i          { padding-right: 10px;  }
ul.menu-left li a          { display: block; padding: 10px 10px 10px 10px; font-weight: bold; }
ul.menu-left li img        { width: 24px; height: 24px; margin: 0 10px 0 0; float: left;}

/* -- Banner widget 300px -- */
body.page-template-default .img-300 { margin-bottom: -32px;}
.img-300          { width: 300px; height: auto; margin: -25px 0 -35px -25px; padding: 0px;}
.img-300 img      { border-radius: 3px;}

/* -- Banner widget 250px -- */
.img-250          { width: 250px; height: auto; margin:-25px 0 -35px -25px; padding: 0px;}
.img-250 img      { width: 250px; border-radius: 3px;} 

/* -- Categories in two columns -- */
.widget_anthemes_categories ul { width: 275px; margin-top: -10px; margin-left: -25px; display: inline-block;}
.widget_anthemes_categories li a { font-weight: normal;}
.widget_anthemes_categories li { border-bottom: 1px solid rgba(241, 241, 241, .8); float: left;  width: 112px;  margin-left: 25px; line-height: 35px; font-size: 12px; font-weight: bold; } 

/* -- Custom Text -- */
.widget_text img    { max-width: 100% !important; margin-top: 10px; border-radius: 4px;}
.widget_text select { width: 100%; padding: 10px 20px;}
.widget_text option { padding: 0 10px;}
div.textwidget p.wp-caption-text { margin-top: 10px; margin-bottom: 10px; }

/* -- 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; }

/* -- 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: 3px; margin:0 4px 4px 0; font-size:12px !important; font-weight:700;}

/* -- Social Widget -- */
ul.social-widget  { width: 100%; float: left; margin-top: -4px; }
ul.social-widget li { width: 100%; float: left; margin: 4px 0 0 0;  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: 6px 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.inbutton       { background-color: #D72F7A !important; color: #FFF !important; }
ul.social-widget a.pibutton       { background-color: #BD081C !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;}

/* -- Default Search -- */
div.widget_search #searchform2 { float: left; margin: 0px; }
div.widget_search #searchform2 #s { width: 170px; background-color: #fff !important; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
div.widget_search #searchform2 #s:focus { width: 170px; overflow: hidden;} 
div.widget_search #searchform2 .buttonicon   { border-top-right-radius: 2px; border-bottom-right-radius: 3px;}
div.widget_search #searchform2 div.triangle-search { display: none;}

/* -- 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 -- */
.widget_nav_menu li img   { width: 22px; height: 22px; float: left;}
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; font-weight: bold; }
.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; }

/* -- Meta in two columns -- */
.widget_meta ul { list-style-type: circle; width: 275px; margin-top: -10px; margin-left: -25px; display: inline-block;}
.widget_meta li a { font-weight: normal;}
.widget_meta li { border-bottom: 1px solid #f5f5f5 !important; float: left; width: 112px;  margin-left: 25px; line-height: 25px; font-size: 12px; color: #ffd800; font-weight: bold; } 
.sidebar-left .widget_meta ul { width: 200px; }
.sidebar-left .widget_meta li { width: 200px; }

/* -- 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; } 

/* -- 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; }

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

body.page .article-btn        { margin-bottom: -35px;}
body.page .article-bottom     { margin: 0 50px 0 50px;}
.article-bottom               { margin: 0 100px 0 100px;}
.article-btn h3     { text-align: center; font-size: 12px; line-height: 20px; font-weight: 700; text-transform: uppercase;}
.article-btn        { width: 120px; height: 18px; padding: 1.5px 15px 2.5px 15px; border-radius: 3px; margin-bottom: 20px; }
.nocomments, .nopassword, .must-log-in  { text-align: center; padding: 15px 0 0 0; }
ul.comment                    { width: auto; margin: 0 0 45px 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: 50%; float: left; }
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.7; }
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: 0 0 0 20px; font-size:10px; }
ul.comment li span.comment-reply-button:hover { opacity: 1;}
.comment-body                 { padding-bottom: 5px; padding-left: 1px;}
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: 0px;}
ul.comment li #respond        { margin-top: 0px;}
/* -- 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 -- */
#respond                      { margin-top: -25px;}
#comments                     { width: 100%; float: left; padding: 0 0 25px 0;}
.comments                     { width: auto; display: block; float: left;  height: auto; margin: 50px 0 0 0;}
.comments h3.comment-reply-title  { display: inline-block; width: auto; height: 18px; font-size: 12px; text-align: center; line-height: 20px; font-weight: 700; text-transform: uppercase; padding: 2px 35px 3px 35px; border-radius: 3px; margin-top: 30px; margin-bottom: 20px; }
.comments h3.comment-reply-title a {  }
.comments h3.comment-reply-title a#cancel-comment-reply-link { text-decoration: none; font-size: 12px !important; margin-left: 10px; } 
.comments p.logged-in-as      { font-weight: bold; }  

/* -- Comment Form -- */
.comment-notes                { display: none;}
#commentform                  { padding: 30px 50px 55px 50px; font-size:11px; border-radius: 4px; }
#commentform #author, #comment, #email, #url { width:99.7%; height:40px; font-size: 14px; font-weight: bold; border-radius: 4px;}   
#commentform #submit          { border: none; border-radius: 4px; font-weight: bold;  padding: 11px 35px; 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: 5px 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; } 

/*--------------------------------
   -- Comment Attachment CSS --
---------------------------------*/
p.dco-attachment            { padding: 10px 0; }
p.dco-attachment img        { border-radius: 4px; }
div.dco-attachment video    { float: left; }
div.comment-body .wp-video  { margin-top: -10px; margin-bottom: 10px; }
div.comment-body .mejs-audio { margin-top: -10px; margin-bottom: 10px; }

/* -- Video small 350px (delete this), default style 640px -- */
div.comment-body .wp-video  { width: 350px !important; }
div.comment-body iframe     { width: 350px !important; height: 220px;  }

/* -- Audio small 350px (delete this), default style full width 100% -- */
div.comment-body .mejs-audio { width: 350px !important; }

/* All Mobile Size (devices) */
@media only screen and (max-width: 479px) {
p.dco-attachment img        { width: 100%; }
div.comment-body iframe     { width: 100% !important; height: 180px;  }
}

/* -- Attachment Input Style -- */
input#attachment            { margin-left: -5px; margin-bottom: 10px; border: none !important; box-shadow: none; }


/*-----------------------------------------------------------------------------
----------------------------- 7 - Contact Form --------------------------------
-----------------------------------------------------------------------------*/

/* -- Contact Cols -- */
.one_half_c, .one_half_last_c { float:left; width:46.5%; margin-right:6%; }
.one_half_last_c              { margin-right:0;}
.one_full_c                   { float:left; width:99%;}

/* -- Contact Form 7 Plugin -- */
form.wpcf7-form span.wpcf7-radio input { width: auto !important; display: inline-block !important; height: auto !important;}
form.wpcf7-form span.wpcf7-checkbox input { width: auto !important; display: inline-block !important; height: auto !important;}
form.wpcf7-form               { padding: 40px 50px 10px 50px; font-size:11px; border-radius: 4px;  margin:25px 0 -10px 0; font-size:11px;}
form.wpcf7-form input         { display: block; width: 98%; font-size: 14px; font-weight: bold; border-radius: 3px; padding-left: 2%; }
form.wpcf7-form textarea      { width: 98%; min-height:200px; line-height:22px; font-size: 14px; border-radius: 3px; font-weight: bold; -moz-resize:vertical; resize:vertical; padding-left: 2%;} 
form.wpcf7-form input.wpcf7-submit       { width: inherit !important; margin-top: 15px; border-radius: 3px; font-weight: bold; font-size: 12px;  padding: 11px 35px; text-align: center; }
form.wpcf7-form input.wpcf7-submit:hover { opacity:.85;  cursor: pointer; }
form.wpcf7-form img.ajax-loader { width: inherit !important;}
form.wpcf7-form .wpcf7-validation-errors,
form.wpcf7-form .wpcf7-response-output,
form.wpcf7-form div.wpcf7-mail-sent-ok { color: #f00; margin-top: -20px; margin-left: -12px; font-size: 12px; position: relative; border: none; }
form.wpcf7-form div.wpcf7-mail-sent-ok { color: green !important;}
form.wpcf7-form span.wpcf7-form-control-wrap { width: 100% !important;}
span.wpcf7-not-valid-tip { color: #f00; text-align: right; margin-right: 15px; font-size: 11px; font-weight: normal; margin-top: -28px; } 

::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
font-size: 12px !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
font-size: 12px !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
font-size: 12px !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
font-size: 12px !important;
}


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

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

#anthemes-404 h2               { font-size: 11px; line-height: 22px; 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; }

/* -- WP Recipe Maker -- */
.wprm-recipe                   { padding: 35px !important; border-radius: 3px !important; }
.wprm-recipe-template-chic     { font-size: 16px !important; border-style: solid !important; border-width: 2px !important; border-color: #f9f9f9 !important; background-color: #f9f9f9 !important; }


/*-----------------------------------------------------------------------------
------------------------------ 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/

footer                        { width: 100%; height: auto; bottom: 0; z-index:102; position: relative;}
.social-section               { width: 100%; height: 90px; text-align: center;}
.wrap-footer                  { width: 100%; height: 70px; margin: 0 auto; padding: 40px 0 60px 0; }
.wrap-footer div              { text-align: center; padding: 0 20px; font-size: 15px; font-weight: 700; padding-top: 15px; color: #FFF;}
.wrap-footer div a:hover      { opacity: 0.7;}
div.firstfpara a::before      { color: #FFF; font-family: 'Font Awesome 5 Free'; content: "\f00d"; font-size: 8px !important; padding: 0 13px 0 10px; }

/* -- Footer Social Icons -- */
ul.footer-social              { margin-left: auto; margin-right: auto; }
ul.footer-social li           { font-size: 18px; display: inline-block; margin: 37px 5px 0 5px; }
ul.footer-social li:hover     { }
ul.footer-social li a         { text-align: center; padding: 5px 10px; font-weight: 700; }
ul.footer-social li span      { font-size: 14px; line-height: 0px; padding-left: 5px;} 

/* -- Back to Top -- */
#back-top                     { position: fixed; display: block; bottom: 12px; 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: #FFF; margin: 14px 0 0 14px;}


/*-----------------------------------------------------------------------------
----------------------------- 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; border: 1px solid #0099cc !important; color: #FFF !important; text-shadow: 0 -1px 0 #0099cc;}
.simplebtn.green   { background-color: #7dc34d; border: 1px solid #7dc34d !important; color: #FFF !important; text-shadow: 0 -1px 0 #7dc34d;}
.simplebtn.green2  { background-color: #0fbe7c; border: 1px solid #0fbe7c !important; color: #FFF !important; text-shadow: 0 -1px 0 #0fbe7c;}
.simplebtn.orange  { background-color: #e76b33; border: 1px solid #e76b33 !important; color: #FFF !important; text-shadow: 0 -1px 0 #e76b33;}
.simplebtn.gold    { background-color: #ffd62c; border: 1px solid #ffd62c !important; color: #FFF !important; text-shadow: 0 -1px 0 #ffd62c;}
.simplebtn.red     { background-color: #cc3333; border: 1px solid #cc3333 !important; color: #FFF !important; text-shadow: 0 -1px 0 #cc3333;}
.simplebtn.pink    { background-color: #d63f72; border: 1px solid #d63f72 !important; color: #FFF !important; text-shadow: 0 -1px 0 #d63f72;}
.simplebtn.black   { background-color: #3b3b3b; 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                          { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; 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                        { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; 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                         { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset;	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                        { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset;	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: inline-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 40px; 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 40px; 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 40px; 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 40px; 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 40px; 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 40px; list-style-type: none;}