/*
 * Plugin Name: UnitedCommunity Shortcodes
 * Author: Diabolique Design
 * Text Domain: unitedcommunity-shortcodes
 * Domain Path: /lang
 * Plugin URI: http://themeforest.net/user/Diabolique
 * Description: This plugin adds shortcodes.
 * Version: 1.0.0
 * Author URI: http://themeforest.net/user/Diabolique
 */

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

.for-logged-in-users { display: none; }
.elementor-editor-active .elementor-edit-mode .for-logged-in-users { display: block!important; }
.logged-in .for-logged-in-users { display: block; }
.for-logged-out-users { display: block; }
.logged-in .for-logged-out-users { display: none; }
.logged-in.elementor-editor-active .elementor-edit-mode .for-logged-out-users { display: block!important; }

@media screen and (max-width:1020px)
{
.full-width-tablets.elementor-column { width: 100%!important; }
}

@media screen and (max-width:750px)
{
.full-width-mobiles.elementor-column { width: 100%!important; }
}

.box-v-r-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:100; right:0px; top:0px; }
.box-v-m-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:100; right:50%; top:0px; }
.box-h-b-spacer { position:absolute; background:#ffffff; width:100%; height:1px; z-index:100; right:0px; bottom:0px; }

.shortcode_go {  padding:10px; margin:10px 0; font:18px Open Sans; font-weight:800; text-align:center; border-radius:6px; background:#f2763b; cursor:pointer; transition: all 300ms ease-in; }
.shortcode_go:hover { background:#df6e39; }
.shortcode_go a { width:100%; display:block; color:#ffffff; }
.shortcode_highlight { background:#f28500; color:#ffffff; }
.shortcode_notice { color:#ffffff; padding:19px; margin:20px 0; font-size:21px; line-height:1.6em; font-weight:700; background:#ff7701; }
.shortcode_quote { background:#f7f7f7; border-left:9px solid #f28500; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:16px 16px 16px 22px; margin:10px 0; font-size:16px; font-style:italic; line-height:1.6em; }
.shortcode_quoteby { background:#f7f7f7; padding:16px; margin:10px 0; font-size:16px; font-style:italic; line-height:1.6em; }
.shortcode_quoteby p { margin-bottom:0px!important; }
.shortcode_quotebyauthor { font:12px Open Sans; font-weight:800; text-shadow:none; margin: -16px -16px 9px -16px; padding:4px 12px; background:#f28500; color:#ffffff; }
.shortcode_member { background:#f2763b; color:#ffffff; padding:12px; margin:20px 0; font-size:14px; line-height:1.6em; border-radius:6px; }
.shortcode_no-member { background:#f2763b; color:#ffffff; padding:12px; margin:20px 0; font-size:14px; line-height:1.6em; border-radius:6px; }
.shortcode_h1, .shortcode_h1 a, .shortcode_h2, .shortcode_h2 a, .shortcode_h3, .shortcode_h3 a, .shortcode_h4, .shortcode_h4 a, .shortcode_h5, .shortcode_h5 a, .shortcode_h6, .shortcode_h6 a { margin: 5px 0 15px 0; line-height:1.2em; font-family:'Open Sans'; font-weight:800; color:#ffffff; background:#ff7701; }
.shortcode_h1, .shortcode_h1 a { font-size: 72px;margin-bottom: 20px; padding:7px 14px; }
.shortcode_h2, .shortcode_h2 a { font-size: 48px;margin-bottom: 16px; padding:7px 14px; }
.shortcode_h3, .shortcode_h3 a { font-size: 36px; margin-bottom: 12px; padding:7px 14px; }
.shortcode_h4, .shortcode_h4 a { font-size: 28px;margin-bottom: 10px; padding:7px 14px; }
.shortcode_h5, .shortcode_h5 a { font-size: 24px;margin-bottom: 10px; padding:7px 14px; }
.shortcode_h6, .shortcode_h6 a { font-size: 18px;margin-bottom: 7px; padding:7px 14px; }
.leftpullquote { width: 200px; padding: 0px 0px 10px 60px; background: url("images/quote.png") no-repeat; border-bottom: 5px solid #cfcfcf; float: left; font-size: 1.2em; font-family:georgia; font-style:italic; margin: 10px 10px 10px 0; }
.rightpullquote { width: 200px; padding: 0px 0px 10px 60px; background: url("images/quote.png") no-repeat; border-bottom: 5px solid #cfcfcf; float: right; font-size: 1.2em; font-family:georgia; font-style:italic; margin: 10px 0px 10px 10px; }
.my-image { float:left; margin:0px 19px 15px 0; display:block; }
.my-image img { border:3px solid #e2e2e2; height:60px; }

/* ------- Fluid Columns ------- */
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; font-size:14px; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; font-size:13px; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; font-size:13px; }
.five_sixth { width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fith, .one_sixth, .five_sixth { position:relative; margin-right:4%; float:left; padding-top:5px; padding-bottom:15px; }
.last { margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/*-------------------------- Recent Forum Topics -----------------------------------*/
.shortcode-recent-forum-topics { width:105%; }
.shortcode-recent-forum-topics .forum-lastposts .forum-lastposts-content img { display:none; }
.shortcode-recent-forum-topics .forum-lastposts-container { margin-bottom: 8%; }
.shortcode-recent-forum-topics.col-2 ul li.forum-lastposts { float:left; border-bottom:none; margin-bottom:2%; padding:0px; width:45%; margin-right:5%; }
.shortcode-recent-forum-topics.col-1 ul li.forum-lastposts { width:95%; margin-bottom:2%; }
.shortcode-recent-forum-topics ul li.forum-lastposts:first-child .forum-lastposts-content { padding-top: 0px; }
.shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-content { display:block; float:left; line-height:1.6em; padding-bottom:12px; overflow:hidden; position:relative; box-sizing: content-box!important; }
.shortcode-recent-forum-topics a.topic-title { font-size:21px; color:#2b2b2b; display:block; margin-top:-5px; font-weight:400; line-height: 1.5em!important; }
.shortcode-recent-forum-topics.col-1 a.topic-title { font-size:18px; }
.shortcode-recent-forum-topics .forum-lastposts-details { border-left: 14px solid #e7e3e3; background:#e7e3e3; padding:4px 0; display: inline!important; font-family: Open Sans; }
.shortcode-recent-forum-topics .forum-lastposts-details span { background:#e7e3e3; margin: 0; padding:4px 0; }
.shortcode-recent-forum-topics .forum-lastposts-details span strong { position: relative; left: -5px; }
.shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-details, .shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-details span, .shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-details span a { color:#1f1009; font-size:13px; text-transform:uppercase; }


@media screen and (max-width:1280px)
{
.shortcode-recent-forum-topics a.topic-title { font-size:16px!important; }
.shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-details, .shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-details span, .shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-details span a { font-size:11px!important; }
.shortcode-recent-forum-topics .forum-lastposts-details { border-left-width: 10px; }
}

@media screen and (max-width:1020px) and (min-width: 750px)
{
.shortcode-recent-forum-topics a.topic-title { font-size:21px!important; }
.shortcode-recent-forum-topics .forum-lastposts-container { margin-bottom: 6%; }
#sidebar .shortcode-recent-forum-topics .forum-lastposts-container { margin-bottom: 2%; }
.shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-details, .shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-details span, .shortcode-recent-forum-topics ul li.forum-lastposts .forum-lastposts-details span a { font-size:14px!important; }
.shortcode-recent-forum-topics .forum-lastposts-details { border-left-width: 14px; }
}

/*--------------------------------------------------------------
Advanced title
--------------------------------------------------------------*/
.adv-title-shortcode { text-align:center; }
.adv-title-shortcode span { font-size:32px; font-family:Open Sans; font-weight:800; background:#c3c3c3; padding:12px 20px; text-align:center; }

@media screen and (max-width:1280px)
{
.adv-title-shortcode span { font-size:28px; padding:10px 16px;  }
}

@media screen and (max-width:750px)
{
.adv-title-shortcode span { font-size:21px; padding:7px 10px;  }
}

/*--------------------------------------------------------------
Advanced title 2
--------------------------------------------------------------*/
.adv-title-shortcode-2 { font-size:32px; color:#1f1009; font-family:Open Sans; font-weight:800; padding:28px 0; border-bottom:1px solid #e7e3e3; margin-bottom:5%; }

@media screen and (max-width:1280px) and (min-width: 1020px)
{
.adv-title-shortcode-2 { font-size:28px; padding:22px 0; margin-bottom:5%; }
}

@media screen and (max-width:750px)
{
.adv-title-shortcode-2 { font-size:28px; padding:18px 0; margin-bottom:5%; }
}

/*--------------------------------------------------------------
Advanced title 2 Small
--------------------------------------------------------------*/
.adv-title-shortcode-2-small { font-size:32px; color:#1f1009; font-family:Open Sans; font-weight:800; padding:18px 0; border-bottom:1px solid #e7e3e3; margin-bottom:5%; }

@media screen and (max-width:1280px) and (min-width: 1020px)
{
.adv-title-shortcode-2-small { font-size:26px; padding:15px 0; }
}

@media screen and (max-width:750px)
{
.adv-title-shortcode-2-small { font-size:28px; padding:18px 0; margin-bottom:5%; }
}

/*-------------------------- Recent Comments -----------------------------------*/
.shortcode-recent-comment-container.col-2 .shordcode-recent-comment { width:40%; float:left; margin-right: 4%; }
.shortcode-recent-comment-container .shordcode-recent-comment { padding:0 0 28px 0; font-family:Open Sans; font-size:18px; line-height:1.3em; width:100%; position:relative; height: auto; overflow: hidden; color:#4e4c4b; }
.shordcode-recent-comment .recent-comment-avatar { float:left; width:14%; }
.shordcode-recent-comment .recent-comment-avatar img { width: 100%; height: auto; margin:5px 0 0 0; box-shadow: 8px 8px 0px 0px rgba(227,227,227,1); filter: grayscale(100%); transition:3s; }
.shordcode-recent-comment .recent-comment-avatar img:hover { margin:5px 0 0 0; filter: grayscale(0%); }
.shordcode-recent-comment .recent-comment-text { width:78%; float:right; overflow:hidden; font-weight:300; font-style:italic; }
.shordcode-recent-comment .recent-comment-bottom { position:relative; overflow:hidden; }
.shordcode-recent-comment .recent-comment-info { font-family:Open Sans; font-weight:800; font-style:normal; font-size:14px; padding:3% 0% 0% 0%; line-height:1.5em; }
.shordcode-recent-comment .recent-comment-info a { font-size:14px; }

@media screen and (max-width:1280px)
{
.shortcode-recent-comment-container .shordcode-recent-comment { font-size:16px; }
.shordcode-recent-comment .recent-comment-avatar img { box-shadow: 6px 6px 0px 0px rgba(227,227,227,1); }
.shordcode-recent-comment .recent-comment-info { font-weight:800; font-size:13px; }
.shordcode-recent-comment .recent-comment-info a { font-size:13px; }
}

@media screen and (max-width:1020px) and (min-width: 750px)
{
.shortcode-recent-comment-container .shordcode-recent-comment { font-size:21px; }
.shordcode-recent-comment .recent-comment-avatar { width:9%; }
.shordcode-recent-comment .recent-comment-text { width:87%; }
.shordcode-recent-comment .recent-comment-avatar img { box-shadow: 8px 8px 0px 0px rgba(227,227,227,1); }
.shordcode-recent-comment .recent-comment-info { font-size:15px; padding-top: 1%; }
}


/*-------------------------- Blog Categories -----------------------------------*/
.widget_unitedcommunity_blogcategories, .blog-categories-container-child { position:relative; overflow:hidden; }
.widget_unitedcommunity_blogcategories { padding-bottom:7px; }
ul#blog-categories-left { float:left; width:50%!important; position:relative; }
ul#blog-categories-right { float:left; width:50%!important; }
ul#blog-categories-left li, ul#blog-categories-right li { padding:4% 0%; font-size:18px; }
ul#blog-categories-left li:last-child { border-bottom:none; }
ul#blog-categories-right li:last-child { border-bottom:none; }
ul#blog-categories-left a, ul#blog-categories-right a { font-size:18px; line-height:1em; }

/*------------------------- Blog tiles --------------------------------*/
.blog-tiles { width:100%; overflow:hidden; }
.blog-tiles .blog-tile { margin-bottom:0px; }
.blog-tiles-title { margin-bottom:100px; text-align:center; }
.blog-tiles-title span { font-size:36px; font-family:Open Sans; background:#c3c3c3; text-align:center; }

.blog-tiles .blog-tile .blog-cover { position:absolute; top:0; width:100%; height:100%; background:#000000; opacity: 0.25;}
.blog-tiles .blog-tile:hover .blog-cover { opacity: 0; transition: visibility 0s, opacity 0.3s linear; }

.tile-info-category { border:2px solid #ffffff; display:inline-block; font-weight:normal; }
.tile-info a { color:#ffffff; font-weight: normal; text-transform:uppercase; font-family:Open Sans; }

.blog-tiles-main { float:left; width:50%; position:relative; }
.tile-thumbnail { width:100%; text-align:center; float:left; overflow:hidden; position:relative; }
.tile-thumbnail a { display:block; }
.tile-thumbnail a img { display:block; width:100%; height:auto; }

.blog-tiles-main .blog-tile, .blog-tiles-other .blog-tile { width:100%; margin-bottom:0px; margin-right:0px; margin-left:0px; float:left; position:relative; }
.blog-tiles-main .box-post-big .tile-post-title { position:absolute; width:80%; padding:0 10% 0 10%; top:10%; box-sizing:content-box; text-align:center; }
.blog-tiles-main .box-post-big .tile-post-title a { font-size:50px; color:#ffffff; font-weight:800; line-height: 1.2em; }
.blog-tiles-main:hover .box-post-big .tile-post-title a { text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-main:hover .box-post-big .tile-info-category a { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-main .tile-info { margin-top:5%; }
.blog-tiles-main .tile-post-title .tile-info .tile-info-category { padding:2% 4%; font-size:18px; margin:0 auto; }
.blog-tiles-main .tile-post-title .tile-info .tile-info-category a { font-size:18px; font-weight: normal; }

.blog-tiles-other { float:right; width:50%; }
.blog-tiles-other .box-post-small { width:50%; float:left; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:28px; font-weight:800; color:#ffffff; line-height: 1.2em; }
.blog-tiles-other .box-post-small .tile-post-title { position:absolute; width:80%; padding:0 10% 0 10%; top:8%; text-align:center; box-sizing:content-box; }
.blog-tiles-other .box-post-small:hover .tile-post-title a { text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-other .box-post-small:hover .tile-info-category a { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-other .box-post-small .tile-info { text-align:center; width:100%; font-size:16px; line-height:1em; color:#ffffff; margin-top:10%; overflow:hidden; }
.blog-tiles-other .box-post-small .tile-info a { font-size:16px; line-height:1em; font-weight:normal; }
.blog-tiles-other .box-post-small .tile-post-title .tile-info .tile-info-category { padding:2% 4%; text-transform:uppercase; font-size:18px; line-height:1em; font-weight: normal; margin:0 auto; display:inline-block; }
.blog-tiles-other .blog-tile.blog-tile-id3 .box-v-r-spacer { display:block; }

.box-v-r-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:1000; right:0px; top:0px; }
.box-v-m-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:1000; right:50%; top:0px; }
.box-h-b-spacer { position:absolute; background:#ffffff; width:100%; height:1px; z-index:1000; right:0px; bottom:0px; }
.blog-tiles-other .box-post-small:nth-child(2) .box-v-r-spacer, .blog-tiles-other .box-post-small:nth-child(4) .box-v-r-spacer, .blog-tiles-other .box-post-small:nth-child(3) .box-h-b-spacer, .blog-tiles-other .box-post-small:nth-child(4) .box-h-b-spacer { display:none; }

@media screen and (max-width:1280px)
{
.blog-tiles-main .box-post-big .tile-post-title a { font-size:40px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:21px; }
.blog-tiles-other .tile-post-title .tile-info-category a { font-size: 15px; }
.page-template-blog .post-title span a { font-size:26px; }
}

@media screen and (max-width:1020px)
{
.blog-tiles-main .box-post-big .tile-post-title a { font-size:28px; }
.blog-tiles-main .box-post-big .tile-post-title .tile-info-category a { font-size: 15px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:14px; }
.blog-tiles-other .tile-post-title .tile-info-category a { font-size: 12px; }
.page-template-blog .post-title span a { font-size:18px; }
.page-template-blog .blog-info { margin-top: 12px; }
.page-template-blog .blog-info-category {  padding: 0px 4px!important; }
.page-template-blog .blog-info-category a { font-size: 12px; }
}

@media screen and (max-width:750px)
{
.blog-tiles-main { width:100%; margin-bottom: 1px; }
.blog-tiles-main .box-v-r-spacer { display: none; }
.blog-tiles-other { width:100%; }
.page-template-blog .blog-post { width:100%; }
.page-template-blog .post-title span a { font-size:27px; }
.page-template-blog .blog-info { margin-top: 24px; }
.page-template-blog .blog-info-category {  padding: 2px 6px!important; }
.page-template-blog .blog-info-category a { font-size: 14px; }
.page-template-blog .box-v-r-spacer { display: none; }
}

/*--------------------------------------------------------------
MEMBERS
--------------------------------------------------------------*/
.shortcode-members { width:105%; display: table; }
.shortcode-members .shortcode-member-item { width: 10%!important; margin:0 2.2% 2.2% 0!important; float: left; font-size: 12px; font-family: Open Sans; font-weight: 700; text-align: center; }
.shortcode-members .shortcode-member-item img { width: 100%; height: auto; margin-bottom: 6px; border-radius:6px; filter: grayscale(100%); transition: all 300ms ease-in; opacity:0.9; }
.shortcode-members .shortcode-member-item:hover img { filter: grayscale(0%); opacity:1; }
#sidebar .shortcode-members .shortcode-member-item { width: 20%!important; margin:0 5% 5% 0!important; }

@media screen and (max-width:750px)
{
.shortcode-members .shortcode-member-item { width: 21%!important; margin:0 3.7% 3.7% 0!important; }
}

@media screen and (max-width:1020px) and (min-width: 750px)
{
#sidebar .shortcode-members .shortcode-member-item { width: 10%!important; margin:0 2.2% 2.2% 0!important; }
}

/*--------------------------------------------------------------
GROUPS
--------------------------------------------------------------*/
.elementor-shortcode .group-box { width:10%; height:auto; }
.elementor-shortcode ul li:nth-child(10) .group-box .group-box-v-r-spacer, .elementor-shortcode ul li:nth-child(20) .group-box .group-box-v-r-spacer { display:none; }
.group-box { float:left; border-bottom:1px solid #ffffff; width:25%; height:auto; padding-bottom:14px; font-size:12px; line-height:1.6em; position:relative; }
.group-box-v-r-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:2100; right:0px; top:0px; }
.group-box-bottom { position:absolute; bottom:0px; width:100%; padding:4px 0; background:#ff7701; text-align:center; z-index:999; border-top:1px solid #ffffff; }
.group-box-title { width:100%; overflow:hidden; line-height:12px; }
.group-box-title a { font-size:10px; color:#ffffff; text-transform:uppercase; font-weight:400; }
.group-box-image-container .group-box-details { text-align:left; overflow:hidden; color:#ffffff; width:90%; height:100%; line-height:24px; top:0%; left:0%; font-size:14px; position:absolute; z-index:1000; display:none!important; text-transform:capitalize; }
.group-box-details-1 { padding:3px 4px 3px 15px; position:absolute; top:10px; font-style:italic; display:block; }
.group-box-details-1 span { padding:3px 0px 3px 0px; background:rgba(0, 0, 0, 0.8);; }
.group-box:hover .group-box-details { display:block!important; z-index:1000; }
.group-box-image-container img.avatar { position:relative; width:100%!important; height:auto!important; display:block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition:3s; }
.group-box-image-container:hover img.avatar { -webkit-filter: grayscale(100%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
a.group-box-link { display:block; position:absolute; width:100%!important; height:auto!important; z-index:2000; }
#groups-directory-form .group-id10 .group-box-v-r-spacer, #groups-directory-form .group-id20 .group-box-v-r-spacer, #groups-directory-form .group-id30 .group-box-v-r-spacer, #groups-directory-form .group-id40 .group-box-v-r-spacer { display:none; }


@media screen and (max-width:1280px)
{
.group-box:hover .group-box-details { display:none!important; z-index:1000; }
}


@media screen and (max-width:1020px) and (min-width: 750px)
{
.group-box-title { line-height:10px; }
.group-box-title a { font-size:8px; }
}

@media screen and (max-width:750px)
{
.elementor-shortcode .group-box { width:20%; height:auto; }
.elementor-shortcode .group-box-title { line-height:10px; }
.elementor-shortcode .group-box-title a { font-size:8px; }
}


/*--------------------------------------------------------------
TAG BLOG POSTS
--------------------------------------------------------------*/
.shortcode-tag-blog-posts { display: table; width: 105%; }
.shortcode-tag-blog-posts.col-1 { display: table; width: 100%; }
.shortcode-tag-blog-posts .blog-box-entry { width:45%; float:left; margin:0 5% 5% 0; }
.shortcode-tag-blog-posts.col-1 ul { width:100%; display: table; }
.shortcode-tag-blog-posts.col-1 .blog-box-entry { width:100%; margin:0 0% 5% 0; }
.shortcode-tag-blog-posts.col-3 .blog-box-entry { width:29%; margin:0 3% 3% 0; }
.shortcode-tag-blog-posts .blog-thumb { position:relative; }
.shortcode-tag-blog-posts .blog-thumb img { width:100%; height:auto; display:block; transition: all 300ms ease-in; }
.shortcode-tag-blog-posts .blog-thumb img:hover { opacity:0.7; }
.shortcode-tag-blog-posts .blog-box-bottom { padding:3% 3.5% 2% 3.5%; position: relative; top:0px; text-align: center; z-index: 4; box-sizing: content-box; width: 74%; margin: 0 auto; background: #ffffff; margin-top: -90px; transition: all 0.5s ease-in-out; }
.shortcode-tag-blog-posts .blog-box-entry:hover .blog-box-bottom { top:-20px; }
.blog-box-bottom-category span { border-bottom: 3px solid #ff8327; font-size: 13px; font-weight: 700; font-family: Open Sans; padding: 0 5px 3px 5px; }
.blog-box-bottom-category span a { color:#ff7701; }
.shortcode-tag-blog-posts .blog-box-title { font-size:16px; color:#1d1d1d; font-weight:400; margin-top: 18px; box-sizing: content-box; line-height: 1.4em; }
.shortcode-tag-blog-posts .blog-box-details { width:100%; font-size:11px; text-align: center; color:#1d1d1d; text-transform: uppercase; font-weight: 700; font-family: Open Sans; margin-top: 10px; box-sizing: content-box; }
.shortcode-tag-blog-posts .blog-box-details a { display:inline!important; font-size:11px; line-height: 11px; color:#1d1d1d; }
.shortcode-tag-blog-posts .blog-box-details span { display:inline; font-size:11px; line-height: 11px; background: #e7e3e3; padding: 2px 5px; }

@media screen and (max-width:1020px) and (min-width: 750px)
{
.shortcode-tag-blog-posts.col-1 .blog-box-title a { font-size:23px; }
.shortcode-tag-blog-posts.col-1 .blog-box-details { font-size:13px; }
.shortcode-tag-blog-posts.col-1 .blog-box-details a { font-size:13px; line-height: 13px; }
.shortcode-tag-blog-posts.col-1 .blog-box-details span { font-size:13px; line-height: 13px; padding: 3px 6px; }
}

@media screen and (max-width:750px)
{
.shortcode-tag-blog-posts { width: 100%; }
.shortcode-tag-blog-posts.col-2 .blog-box-entry, .shortcode-tag-blog-posts.col-3 .blog-box-entry { width:100%; }
}

/*--------------------------------------------------------------
LOGIN FORM
--------------------------------------------------------------*/
#shortcode-login { display: table; width: 100%; color:#323232; background: #ffffff; }
#shortcode-login label { font-size:14px; }
#shortcode-login-title { font-size:32px; font-family: Open Sans; font-weight: 800; text-transform: uppercase; background: #ff7701; color:#ffffff; padding: 2% 9%; }
#shortcode-login-desc { margin:0 0 5% 0; line-height:1.5em; font-size:16px; color:#4b4b4b; font-style:italic; font-weight: normal; background: #eeeeee; padding: 3% 9%; }
#shortcode-login-form { overflow: hidden; padding: 3% 10%; }
#shortcode-user-login, #shortcode-user-pass { box-sizing:border-box; background:#f6f6f6; padding:3% 3% 3.6% 3%; width:100%; font-size: 30px; margin-top:1%; margin-bottom:4%; line-height: 1em; color:#c7c7c7; font-family: Open Sans; font-style: italic; font-weight: 300; border-radius:6px; border:3px solid #dedede; }
#shortcode-user-pass { margin-bottom:4%; }
#shortcode-login #shortcode-rememberme { cursor:pointer; position: relative; top:2px; }
.shortcode-login-misc { width:50%; float: left; font-size:13px; color:#5d5d5d; font-weight: normal; line-height: 1.1em; margin-top:5%; }
#shortcode-login a.shortcode-password-recovery { color:#5d5d5d; margin-top: 8px; display: block; font-size:14px; font-weight: normal; line-height: 1.1em; }
#shortcode-login .rememberme #shortcode-rememberme { position:relative; top:2px; color:#5d5d5d; font-weight: normal; }
#shortcode-login-submit { background:#06a58d; cursor:pointer; border:none; border-radius:7px; margin-top:3%; padding:2% 0%; color:#ffffff; font-family: Open Sans; width:40%; font-size: 24px; float:right; font-weight: 700; transition: all 300ms ease-in; box-sizing: content-box; }
#shortcode-login-submit:hover { background:#00ceaa; }
.right-login-logged { font-size:18px; }
.right-login-logged a { color:#cccccc;}
#shortcode-login .avatar { border:3px solid #262626; margin-right:10px; }
#shortcode-login input::placeholder { color:#cdcdcd; font-weight: 300; font-style: italic; }
.shortcode-login-register { font-size: 16px; color: #ffffff; margin-top: 20px; font-weight: 700; background: #3f3f3f; font-family: Open Sans; padding: 4% 10%; line-height: 1em; }
.shortcode-login-register a { color:#fffca8; }


@media screen and (max-width:1280px) and (min-width: 1020px)
{
#shortcode-login-title { font-size:28px; }
#shortcode-login #shortcode-login-desc { font-size:13px; margin-bottom: 4%; }
#shortcode-user-login, #shortcode-user-pass { font-size: 24px; }
#shortcode-login .shortcode-login-register { font-size: 13px; }
#shortcode-login .shortcode-login-misc { font-size:12px; }
#shortcode-login label { font-size:12px; }
#shortcode-login a.shortcode-password-recovery { font-size:12px; }
#shortcode-login-submit { font-size: 21px; }
}

@media screen and (max-width:1020px)
{
#shortcode-login #shortcode-login-desc { margin-bottom: 2%; }
}

@media screen and (max-width:750px)
{
#shortcode-login-title { font-size:28px; }
#shortcode-login #shortcode-login-desc { font-size:13px; margin-bottom: 4%; }
#shortcode-user-login, #shortcode-user-pass { font-size: 24px; }
#shortcode-login .shortcode-login-register { font-size: 13px; }
#shortcode-login .shortcode-login-misc { font-size:12px; }
#shortcode-login label { font-size:12px; }
#shortcode-login a.shortcode-password-recovery { font-size:12px; }
#shortcode-login-submit { font-size: 21px; }
}



/*--------------------------------------------------------------
RECENT BLOG POSTS
--------------------------------------------------------------*/
.shortcode-small-recent-posts-container .recent-post { width:100%; clear:both; margin:0 0 4% 0; display:table; border-bottom: 1px dotted #ededed; padding-bottom: 4%; font-family: Open Sans; }
.shortcode-small-recent-posts-container .recent-post:last-child { border-bottom: none; padding-bottom: 0px; }
.shortcode-small-recent-posts-container .recent-post-thumb { float:left; width:20%; border-radius: 5px; }
.shortcode-small-recent-posts-container .recent-post-thumb a { display:block; }
.shortcode-small-recent-posts-container .recent-post-thumb img { width:100%; height:auto; display:block; border-radius: 5px; }
.shortcode-small-recent-posts-container .recent-post-title { float:right; width:75%; line-height: 1.2em; box-sizing: content-box; }
.shortcode-small-recent-posts-container .recent-post-title p:empty { display: none; }
.shortcode-small-recent-posts-container .recent-post-title a { font-size:14px; font-weight:normal; font-family: Droid Serif; line-height: 21px; }
.shortcode-small-recent-posts-container .recent-post-bottom { margin-top:7px; display: table; width: 100%; }
.shortcode-small-recent-posts-container .recent-post-bottom-child { float:right; font-size:11px; line-height:11px; font-weight: 700; color:#afafaf; font-family: Open Sans; }
.shortcode-small-recent-posts-container .recent-post-bottom-child a { font-size:11px; line-height:11px; font-weight: 700;color:#afafaf; font-family: Open Sans; }
.shortcode-small-recent-posts-container .recent-post-bottom .post-title-bottom-category a { font-size:10px; }

.shortcode-small-recent-posts-container.col-2 { width:105%; }
.shortcode-small-recent-posts-container.col-2 .recent-post { width:45%; clear:both; margin:0 5% 4% 0; }

@media screen and (max-width:1020px) and (min-width: 750px)
{
#sidebar .shortcode-small-recent-posts-container .recent-post-thumb { width:15%; }
#sidebar .shortcode-small-recent-posts-container .recent-post-title { width:80%; }
#sidebar .shortcode-small-recent-posts-container .recent-post-title a { font-size:21px; line-height: 1.5em; }
#sidebar .shortcode-small-recent-posts-container .recent-post-bottom { margin-top:14px; }
#sidebar .shortcode-small-recent-posts-container .recent-post-bottom-child { font-size:16px; line-height:16px; }
#sidebar .shortcode-small-recent-posts-container .recent-post-bottom-child a { font-size:14px; line-height:16px; }
#sidebar .shortcode-small-recent-posts-container .recent-post-bottom .post-title-bottom-category a { font-size:16px; }
}


/*--------------------------------------------------------------
SITE DESC
--------------------------------------------------------------*/
.shortcode-site-desc { width:100%; margin:0 auto; box-sizing: content-box; padding-top:40px; padding-bottom:30px; position:relative; }
.shortcode-site-desc-big-letter { font-family:Open Sans; position:absolute; top:-8px; background:#ff7701; font-weight:800; height:100%; color:#ffffff; padding:0px 7px 9px 18px; font-size:80px; line-height:1em; text-align:center; }
.shortcode-site-desc-head { font-size:42px; color:#2b2b2b; line-height:1.2em; font-family:Open Sans; font-weight:800; margin-left:-4px; }
.shortcode-site-desc-right { padding-left:77px; }
.shortcode-site-desc-text { font-size:21px; color:#2b2b2b; font-family:georgia; font-style:italic; line-height:1.3em; margin-top:15px; }

@media screen and (max-width:1280px)
{
.shortcode-site-desc { padding-top:30px; }
.shortcode-site-desc-big-letter { top:-4px; padding:0px 7px 9px 18px; font-size:68px; }
.shortcode-site-desc-head { font-size:36px; }
.shortcode-site-desc-text { font-size:18px; }
.shortcode-site-desc { padding-top:0px; }
.shortcode-site-desc-right { padding-left:70px; }
}

@media screen and (max-width:750px)
{
.shortcode-site-desc-head { font-size:24px; }
.shortcode-site-desc-text { font-size:14px; }
}

/*--------------------------------------------------------------
BLOG TAGS
--------------------------------------------------------------*/
.shortcode-blog-tags a { padding:3px 8px; margin-right:2px; margin-bottom:5px; display: inline-block; border:2px solid #e3e3e3; color: #4b4b4b!important; font-family: Open Sans; border-radius:3px; font-size:14px; font-weight: 700; }







@media screen and (max-width:1020px)
{
.elementor-column-wrap { box-shadow: none!important; }
}