File: /home/ateliug/www/wp-content/plugins/raratheme-companion/public/css/raratheme-companion-public.css
.widget-area ul,
ul.accordion {
list-style: none;
}
.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default,
.odometer.odometer-theme-default .odometer-digit {
vertical-align: middle;
vertical-align: auto;
zoom: 1;
display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
vertical-align: middle;
vertical-align: auto;
zoom: 1;
display: inline;
visibility: hidden;
}
.portfolio-item img,
.widget_raratheme_featured_widget .img-holder img,
.widget_raratheme_image_widget .image-holder img,
.widget_raratheme_popular_post ul li .post-thumbnail img,
.widget_raratheme_recent_post ul li .post-thumbnail img {
vertical-align: top;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.odometer.odometer-auto-theme
.odometer-digit
.odometer-value.odometer-last-value,
.odometer.odometer-theme-default
.odometer-digit
.odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
.odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating
.odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
.odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating
.odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center;
}
.widget-area ul {
margin: 0;
padding: 0;
}
.widget-area ul li {
margin: 0 0 20px;
}
.widget_raratheme_companion_cta_widget .widget-content {
position: relative;
}
.widget_raratheme_companion_cta_widget .widget-content.bg-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.widget_raratheme_companion_cta_widget .widget-content .text-holder {
position: relative;
z-index: 1;
color: #fff;
text-align: center;
padding: 30px 15px;
}
.widget_raratheme_companion_cta_widget .widget-content .text-holder .btn-cta {
display: inline-block;
margin: 0 3px;
background: #f7f7f7;
color: #555;
border-radius: 3px;
padding: 5px 15px;
text-decoration: none;
font-size: 15px;
border: 1px solid #ccc;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.widget_raratheme_companion_cta_widget
.widget-content
.text-holder
.btn-cta:focus,
.widget_raratheme_companion_cta_widget
.widget-content
.text-holder
.btn-cta:hover {
text-decoration: none;
background: 0 0;
color: #fff;
}
.widget_raratheme_featured_widget .img-holder {
margin-bottom: 30px;
}
.widget_raratheme_featured_widget .img-holder a {
display: block;
}
.widget_raratheme_featured_widget .text-holder .readmore {
display: inline-block;
background: #f7f7f7;
color: #555;
border-radius: 3px;
padding: 5px 15px;
text-decoration: none;
font-size: 15px;
border: 1px solid #ccc;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.widget_raratheme_featured_widget .text-holder .readmore:focus,
.widget_raratheme_featured_widget .text-holder .readmore:hover {
background: 0 0;
text-decoration: none;
}
.widget_raratheme_featured_page_widget .section-subtitle {
margin-bottom: 10px;
font-weight: 600;
font-size: 0.8em;
color: #999;
}
.widget_raratheme_icon_text_widget .icon-holder {
font-size: 30px;
margin: 0 0 15px;
}
#secondary .widget.widget_raratheme_image_widget{
background: none;
}
.widget_raratheme_image_widget .image-holder {
margin: 0 0 20px;
}
.widget_raratheme_image_widget .image-holder a {
display: block;
}
.widget_raratheme_image_widget .readmore {
display: inline-block;
background: #f7f7f7;
color: #555;
border-radius: 3px;
padding: 5px 15px;
text-decoration: none;
font-size: 15px;
border: 1px solid #ccc;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.widget_raratheme_image_widget .readmore:focus,
.widget_raratheme_image_widget .readmore:hover {
background: 0 0;
text-decoration: none;
}
.widget_raratheme_popular_post ul li,
.widget_raratheme_recent_post ul li {
overflow: hidden;
}
.widget_raratheme_popular_post ul li .post-thumbnail,
.widget_raratheme_recent_post ul li .post-thumbnail {
float: left;
width: 68px;
margin-right: 15px;
}
.widget_raratheme_popular_post ul li .entry-header,
.widget_raratheme_recent_post ul li .entry-header {
overflow: hidden;
}
.widget_raratheme_popular_post ul li .entry-header .entry-title,
.widget_raratheme_recent_post ul li .entry-header .entry-title {
margin: 0 0 5px;
font-size: 15px;
line-height: 18px;
}
.widget_raratheme_popular_post ul li .entry-header .entry-title a,
.widget_raratheme_recent_post ul li .entry-header .entry-title a {
text-decoration: none;
}
.widget_raratheme_popular_post ul li .entry-header .comment-count,
.widget_raratheme_popular_post ul li .entry-header .entry-meta,
.widget_raratheme_popular_post ul li .entry-header .view-count,
.widget_raratheme_recent_post ul li .entry-header .entry-meta {
font-size: 14px;
line-height: 18px;
}
.widget_raratheme_popular_post ul li .entry-header .comment-count .fa {
margin-right: 5px;
}
.widget_raratheme_social_links ul {
font-size: 15px;
overflow: hidden;
}
.widget_raratheme_social_links ul li {
float: left;
margin-right: 3px;
}
.widget_raratheme_social_links ul li a {
display: block;
width: 30px;
height: 30px;
background: #000;
color: #fff;
text-align: center;
line-height: 30px;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.widget_raratheme_social_links ul li a:focus,
.widget_raratheme_social_links ul li a:hover {
border-radius: 50%;
}
.widget_raratheme_social_links ul li a[href*="facebook"] {
background: #3b5998;
}
.widget_raratheme_social_links ul li a[href*="twitter"] {
background: #1da1f2;
}
.widget_raratheme_social_links ul li a[href*="flickr"] {
background: #0063db;
}
.widget_raratheme_social_links ul li a[href*="vimeo"] {
background: #23b6ea;
}
.widget_raratheme_social_links ul li a[href*="youtube"] {
background: #cb1f1f;
}
.widget_raratheme_social_links ul li a[href*="google"] {
background: #d51f1e;
}
.widget_raratheme_social_links ul li a[href*="ok.ru"] {
background: #ee8208;
}
.widget_raratheme_social_links ul li a[href*="vk"] {
background: #466991;
}
.widget_raratheme_social_links ul li a[href*="xing"] {
background: #005a5f;
}
.widget_raratheme_social_links ul li a[href*="stumbleupon"] {
background: #eb4823;
}
.widget_raratheme_social_links ul li a[href*="pinterest"] {
background: #cb2027;
}
.widget_raratheme_social_links ul li a[href*="dribbble"] {
background: #e84c88;
}
.widget_raratheme_social_links ul li a[href*="linkedin"] {
background: #0274b3;
}
.widget_raratheme_social_links ul li a[href*="rss"] {
background: orange;
}
.widget_raratheme_social_links ul li a[href*="tumblr"] {
background: #2e4f6e;
}
.widget_raratheme_social_links ul li a[href*="instagram"] {
background: #895a4d;
}
.widget_raratheme_companion_stat_counter_widget .icon-holder {
font-size: 30px;
margin: 0 0 15px;
}
.odometer.odometer-theme-default,
.widget_raratheme_companion_stat_counter_widget .odometer.odometer-auto-theme {
font-size: 25px;
font-weight: 700;
}
ul.accordion .inner {
display: none;
word-break: break-word;
}
ul.accordion li {
margin: 0.5em 0;
}
ul.accordion li a.toggle {
display: block;
word-break: break-word;
padding-right: 20px;
}
ul.accordion li a.toggle::after {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"></path></svg>');
background-repeat: no-repeat;
width: 15px;
height: 20px;
position: absolute;
top: 10px;
right: 0;
line-height: 1.3;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
ul.accordion li.show a::after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.widget .image-holder.black-white {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.our-clients .widget .image-holder.black-white:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0);
}
.portfolio-holder .portfolio-sorting {
text-align: center;
text-transform: uppercase;
}
.portfolio-sorting .button {
margin: 0 30px 40px;
background: 0 0;
border: none;
font-weight: 400;
font-size: 16px;
cursor: pointer;
padding: 0;
color: #000;
}
.portfolio-sorting .button.is-checked,
.portfolio-sorting .button:hover {
color: #777;
}
.portfolio-img-holder .portfolio-item {
float: left;
width: 33.33%;
padding: 15px;
}
.portfolio-item .portfolio-item-inner {
position: relative;
overflow: hidden;
}
.portfolio-item .portfolio-text-holder {
font-size: 14px;
font-weight: 600;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.65));
background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.65));
background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.65));
background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.65));
background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
text-align: center;
padding: 0 20px;
display: flex;
flex-direction: column;
flex: 1;
justify-content: flex-end;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.portfolio-item-inner:hover .portfolio-text-holder {
padding-top: 30px;
padding-bottom: 30px;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.portfolio-item .portfolio-cat a {
color: #fff;
text-decoration: none;
padding-right: 10px;
display: inline-block;
margin-bottom: 5px;
}
.portfolio-item .portfolio-cat a:last-child {
padding-right: 0;
}
.portfolio-text-holder .portfolio-img-title {
font-size: 24px;
font-weight: 600;
}
.portfolio-item .portfolio-img-title a {
color: #fff;
text-decoration: none;
}
.portfolio-item a:hover {
color: #ddd;
}
.portfolio-holder .post-thumbnail {
margin: 0 0 35px;
}
.portfolio-holder .entry-header {
border-bottom: 1px solid #eee;
margin-bottom: 30px;
padding-bottom: 30px;
}
.entry-header .portfolio-cat a {
color: #777;
text-decoration: none;
margin-right: 10px;
}
.entry-header .portfolio-cat a:last-child {
margin-right: 0;
}
.portfolio-holder .entry-header .entry-title {
color: #000;
margin: 10px 0 0;
font-size: 3em;
line-height: 1.3;
}
.portfolio-holder .entry-content,
.portfolio-holder .entry-header {
margin-left: auto;
margin-right: auto;
max-width: 80%;
}
.portfolio-holder .entry-content {
color: #555;
line-height: 1.6;
}
.related-portfolio {
margin-top: 80px;
margin-bottom: 80px;
}
.related-portfolio-title {
text-align: center;
margin-bottom: 30px;
font-size: 22px;
}
.related-portfolio .portfolio-img-holder:after,
.related-portfolio .portfolio-img-holder:before {
content: "";
display: table;
height: 0;
width: 0;
line-height: 0;
}
.related-portfolio .portfolio-img-holder:after {
clear: both;
}
.related-portfolio .portfolio-item .portfolio-text-holder {
opacity: 1;
visibility: visible;
padding: 30px 20px;
}
.contact-info ul.contact-list li {
margin-bottom: 15px;
padding-left: 35px;
font-size: 1em;
color: #353535;
position: relative;
padding-bottom: 15px;
}
.contact-info ul.contact-list li svg {
width: 18px;
height: 28px;
position: absolute;
top: 3px;
left: 0;
}
.contact-info ul.contact-list li b {
font-size: 1.1112em;
display: block;
color: #999999;
line-height: 1.3;
font-weight: 600;
}
.contact-info ul.contact-list li:nth-child(2) svg {
width: 20px;
height: 16px;
top: 8px;
}
.contact-info ul.contact-list li:nth-child(3) svg {
width: 24px;
height: 24px;
}
.widget .social-networks li {
display: inline-block;
vertical-align: middle;
padding: 0;
border-bottom: none;
margin-bottom: 5px;
line-height: 1;
}
.widget .social-networks li:last-child {
margin-bottom: 5px;
}
.widget .social-networks li a {
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
/** Custom Categories */
.widget-area .widget.widget_raratheme_custom_categories ul li{
padding: 0
}
.widget_raratheme_custom_categories ul li {
margin-bottom: 10px;
background-size: cover !important;
}
.widget-area .widget_raratheme_custom_categories ul li a {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.widget_raratheme_custom_categories ul li .cat-title {
font-size: 0.7778em;
font-weight: 700;
color: #fff;
display: flex;
flex: auto;
white-space: nowrap;
height: 48px;
line-height: 48px;
padding: 0 0 0 15px;
letter-spacing: 1px;
}
.widget_raratheme_custom_categories ul li .cat-title {
float: left;
font-size: 14px;
text-transform: uppercase;
}
.widget_raratheme_custom_categories ul li .post-count {
background: rgba(0,0,0,0.5);
color: #fff;
font-size: 0.6666em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
margin: 0;
}
.widget_raratheme_custom_categories ul li .post-count {
float: right;
font-size: 13px;
width: 99px;
height: 48px;
background: #111;
text-align: center;
line-height: 48px;
-webkit-transition: linear .2s;
-moz-transition: linear .2s;
transition: linear .2s;
}
.widget_raratheme_custom_categories .post-count {
display: block;
margin-bottom: 20px;
font-size: 0.7778em;
color: #999;
position: absolute;
top: 0;
right: 0;
}
.widget_raratheme_custom_categories ul li a {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
background: rgba(0,0,0,0.3);
}
.widget_raratheme_custom_categories ul li a:hover .post-count, .widget_raratheme_custom_categories ul li a:hover:focus .post-count {
width: 124px;
}
/** Author Bio */
.widget_raratheme_author_bio .raratheme-author-bio-holder{
text-align: center;
}
.widget_raratheme_author_bio .image-holder img{
vertical-align: top;
}
.widget_raratheme_author_bio .image-holder{margin: 0 0 30px;}
.widget_raratheme_author_bio .title-holder{
font-size: 28px;
line-height: 32px;
margin: 0 0 20px;
color: #000000;
font-weight: 600;
}
.widget_raratheme_author_bio .text-signature {
font-family: 'Dancing Script', cursive;
font-size: 30px;
color: #000;
font-style: italic;
line-height: 1.3;
margin-bottom: 20px;
}
.widget_raratheme_author_bio .author-bio-content{
margin-bottom: 20px;
}
.widget_raratheme_author_bio .readmore{
display: inline-block;
padding: 10px 30px;
background: #000000;
margin: 0 0 20px;
color: #fff;
width: 100%;
text-align: center;
border-radius: 5px
}
.widget_raratheme_author_bio .author-socicons{
margin: 0;
padding: 0;
list-style: none;
}
.widget_raratheme_author_bio .author-socicons{
display: flex;
justify-content: center;
}
.widget_raratheme_author_bio .author-socicons li{
display: inline-block;
margin: 0 15px;
font-size: 1.25em
}
#secondary .widget_raratheme_author_bio .author-socicons li{
margin: 0 5px 10px;
}
/** Image Text Widget */
.widget_raratheme_image_text_widget ul li{
position: relative;
}
.widget_raratheme_image_text_widget ul li .btn-readmore{
position: absolute;
max-width: 90%;
max-height: fit-content;
text-align: center;
top: 50%;
left: 50%;
color: #fff;
background: #111;
text-transform: uppercase;
letter-spacing: 1px;
padding: 15px 30px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
border: none;
margin-top: 0;
}
.widget-area ul{
margin: 0;
padding: 0;
list-style: none;
}
.widget-area ul li{
margin: 0 0 20px;
}
/**Popular Posts Layout One*/
.widget_raratheme_popular_post ul li,
.widget_raratheme_recent_post ul li{
overflow: hidden;
}
.widget_braratheme_popular_post ul li .post-thumbnail,
.widget_raratheme_recent_post ul li .post-thumbnail{
float: left;
width: 80px;
height: 80px;
margin-right: 20px;
}
.widget_raratheme_popular_post ul li .post-thumbnail img,
.widget_raratheme_recent_post ul li .post-thumbnail img{
vertical-align: top;
width: 100%;
height: 100%;
object-fit: cover;
}
.widget_raratheme_popular_post ul li .entry-header,
.widget_raratheme_recent_post ul li .entry-header{
overflow: hidden;
}
.widget_raratheme_popular_post ul li .entry-header .entry-title,
.widget_raratheme_recent_post ul li .entry-header .entry-title{
font-size: 18px;
line-height: 26px;
margin: 0;
}
.widget_raratheme_popular_post ul li .entry-header .entry-meta,
.widget_raratheme_recent_post ul li .entry-header .entry-meta{
font-size: 14px;
line-height: 21px;
}
.widget_raratheme_popular_post .style-two li .post-thumbnail,
.widget_raratheme_recent_post .style-two li .post-thumbnail{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
height: 190px;
}
.widget_raratheme_popular_post .style-two li .entry-header,
.widget_raratheme_recent_post .style-two li .entry-header{
width: 100%;
text-align: center;
padding: 0 15px;
}
.widget_raratheme_popular_post .style-three li .post-thumbnail,
.widget_raratheme_recent_post .style-three li .post-thumbnail{
height: 190px;
margin: 0 0 -40px;
width: 100%;
}
.widget_raratheme_popular_post .style-three li .entry-header,
.widget_raratheme_recent_post .style-three li .entry-header{
background: #fff none repeat scroll 0 0;
margin: 0 auto;
max-width: 92%;
padding: 13px 15px 0;
position: relative;
text-align: center;
width: 100%;
}
.widget_raratheme_popular_post ul li .entry-header .cat-links,
.widget_raratheme_recent_post ul li .entry-header .cat-links{
display: none;
}
.widget_raratheme_popular_post .style-two li .entry-header .cat-links,
.widget_raratheme_recent .style-two li .entry-header .cat-links,
.widget_braratheme_popular_post .style-three li .entry-header .cat-links,
.widget_raratheme_recent_post .style-three li .entry-header .cat-links{
display: block;
font-size: 14px;
font-weight: 500;
}
.widget_raratheme_popular_post .style-two li .entry-header .cat-links a,
.widget_raratheme_recent_post .style-two li .entry-header .cat-links a,
.widget_raratheme_popular_post .style-three li .entry-header .cat-links a,
.widget_raratheme_recent_post .style-three li .entry-header .cat-links a{
margin: 0 3px;
}
/**Category Slider **/
.widget_rara_posts_category_slider_widget .carousel-title {
text-align: center;
}
/** Snapchat **/
.raratheme_snapcode_widget p{
margin: 1em 0;
}
/** Advertisement Widget **/
.widget_raratheme_advertisement_widget .icon-holder{
text-align: center;
}
.widget_raratheme_advertisement_widget .icon-holder img{
vertical-align: top;
}