/*! * Theme v1.0.0 * Copyright 2015-2016 theemon.com */ @skinColor:#e08e79; //Change here your theme Color @fontFamily:'Roboto', sans-serif; //Change here your theme Font family .transition_effect{ -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; transition: all 0.3s ease-in-out; } h1,h2{ font-family:@fontFamily !important; } //=============================================== //====================TEXT COLOR================== .home-agency .footer-logo .sec-block .email-info,.blog-single-quotes .pager li.next a:before,.blog-single-quotes .pager li.previous a:after,.comment-respond input[type="submit"],.blog-page-content .media .rply-class a,.blog-page-content .media .media-heading,.blog-page-content .media .media-body .all-post a,.admin-rel-info a,.paginations-box nav ul li.active a.pagination-prev, .paginations-box nav ul li.active a.pagination-next,.paginations-box nav ul li a,.navigation li.current-menu-parent > a, .navigation li.current-menu-parent .sub-menu li.current-menu-item > a, .navigation li.current-menu-ancestor > a,.inner-header-wrapper-left h3 a, .inner-header-wrapper-right h3 a,.count-down .countdown-period,.read-more, input.btn, button.btn,.psd-temp-class .fa-heart,.home-agency .what-we-do .event strong ,.home-agency .detail strong, .home-agency .post-blog strong,.blog .aside-section i,.categories-wrapper ul li:hover a,.blog-single-quotes .media .rply-class,.blog-detail-page .pager li > a,.blog-detail-page .pager li > a.next-class, .blog-detail-page .pager li > a.privious-class, .blog-detail-page .pager li > span,.blog-single-quotes .media .media-body .all-post,.blog-single-quotes .media .media-body .all-post a,.blog-single-quotes .media .media-heading,.blog-from form button,.left-inner-header .park-class,.left-part h3,.sorry-cls,.home-agency .sec-block h5,.home-agency .sec-block .email-info,.navigation li a:hover,.navigation li.active a,.home-agency .how-we-do .event strong,.blog-single-quotes .author,.share-block > li,.blog-detail-page .blog-single-quotes .share-block a i, .blog-detail-page .pager li > a.privious-class:after, .blog-detail-page .pager li > a.next-class:before,.left-inner-header .park-class:before,.macro-class:hover,.next-prev-class .pagination > li > a,.blog .blog-post-wrapper .post-blog h2 a,.travel-page .left-part-header h3 a,.event-page .left-part-header h3 a,.home-agency .what-we-do .event h3 a,.home-agency .our-team .group .detail a,.home-agency .post-blog h3 a,.met-section h3 a,.event-description h3 a{ color:@skinColor; .transition_effect; } .btn{ color:@skinColor; .transition_effect; } .our-team-one .social-link li a{ color:lighten(@skinColor,5%); .transition_effect; } .event-page-content .span-wrapper i{ color:lighten(@skinColor,18%); .transition_effect; } .wedding-item .owl-prev:before,.wedding-item .owl-next:after,.home-agency .owl-prev:before,.home-agency .owl-next:after,.home-agency .our-team .group .detail a i,.partner-slider .owl-prev:before,.partner-slider .owl-next:after{ color:lighten(@skinColor,22%); .transition_effect; } a:hover,.blog-single-quotes .pager li.next a:hover:before,.blog-single-quotes .pager li.previous a:hover:after,.blog-page-content .media .rply-class a:hover,.blog-page-content .media .media-body .all-post a:hover,.admin-rel-info a:hover,.blog-detail-page.blog .blog-post-wrapper .post-blog blockquote p,.recent-update div h4:hover,.aside-section .widget_tag_cloud .tagcloud a:hover, .home-agency .how-we-do .event:hover strong,.blog-detail-page .blog-single-quotes .quotes p,.count-down .countdown-amount,.blog .blog-post-wrapper .post-blog h2 a:hover,.blog-single-quotes .media .media-body .all-post a:hover,.our-team .team-member-info .social-link li:hover a, #footer .social-link li a:hover,.travel-page .left-part-header h3 a:hover,.left-inner-header .park-class:hover,.categories-wrapper ul li a:hover,.recent-update h4:hover a,.blog-single-quotes .pager li > a:hover,.blog-detail-page .pager li > a.next-class:hover,.blog-detail-page .pager li > a.privious-class:hover,.event-page .left-part-header h3 a:hover,.home-agency .what-we-do .event h3 a:hover,.home-agency .our-team .group .detail a:hover,.home-agency .post-blog h3 a:hover,.inner-header-wrapper-left h3 a:hover,.inner-header-wrapper-right h3 a:hover,.met-section h3 a:hover,.event-description h3 a:hover{ color:darken(@skinColor,18%); .transition_effect; } .blog-page-content .blog-from button:hover,.home-agency .our-team .group .detail a:hover i,.pagination > li > a:focus, .pagination > li > span:focus,.home-agency .recent-posts .btn:hover,.travel-page .right-part .btn:hover{ color:#fff; .transition_effect; } .event-page .left-part-header h3 a:hover,.travel-page .left-part-header h3 a:hover{ color:darken(@skinColor,18%) !important; } //============================================================ //==========================BACKGROUND COLOR================== .blog .blog-page-content .post-blog .btn-default{ background: #fff; .transition_effect; } .travel-page .bg-color .right-part .bt, .home-agency .recent-posts .btn,.travel-page .right-part .btn{ background: transparent; .transition_effect; } .comment-respond input[type="submit"]:hover,.paginations-box nav ul li.active a.pagination-prev:hover, .paginations-box nav ul li.active a.pagination-next:hover,.paginations-box nav ul li.active a,.paginations-box nav ul li a:hover,.met-section.even::after,.tparrows.tp-leftarrow:hover, .tparrows.tp-rightarrow:hover,.people .owl-page.active, .wedding-item .owl-page.active, .team-slider .owl-page.active, .tp-bullet.selected, .friend-wishes .owl-page.active, .partner-slider .owl-page.active, .logo i,.bell:after,.time-line-divider::before,.met-section:after,.read-more:hover, .circle-class:hover, .event-description-wrapper:before,.people .owl-next:hover:after,.people .owl-prev:hover:before,.touch-class,.btn:hover, .btn:focus, .btn.focus, .tp-mask-wrap .tp-caption.read_more_banner a:hover,.wedding-item .owl-prev:hover:before,.wedding-item .owl-next:hover:after,.home-agency .logo img,.inner-header .logo img,.home-agency .how-we-do .event:hover a,.home-agency .owl-prev:hover:before,.home-agency .owl-next:hover:after,.partner-slider .owl-next:hover:after,.partner-slider .owl-prev:hover:before,.next-prev-class .pagination > li:hover a,.blog-detail-page .blog-single-quotes .share-block li:hover a,textarea,.time-line-divider:after,.home-agency .right-footer .circle-class:hover,.blog .blog-page-content .post-blog .btn-default:hover,.blog-single-quotes .pager li:first-child::after,.blog-page-content .blog-from button:hover,.travel-page .bg-color .right-part .btn:hover,.left-inner-header .park-class:after,.tp-bullet:hover,.people .owl-pagination .owl-page:hover,.people-thought .owl-pagination .owl-page:hover,.wedding-item .owl-pagination .owl-page:hover,.partner-slider .owl-pagination .owl-page:hover,.team-slider .owl-pagination .owl-page:hover,.home-agency .our-team .group .detail > a:hover, .pagination > li > a:focus, .pagination > li > span:focus,.home-agency .recent-posts .btn:hover,.custom .tp-bullet:hover, .custom .tp-bullet.selected{ background:@skinColor ; .transition_effect; } .rsvp-wrapper{ background-color:@skinColor; .transition_effect; } .single .banner-content-wrapper h1:after,.attachment .banner-content-wrapper h1:after,.search .banner-content-wrapper h1:after,.archive .banner-content-wrapper h1:after,.page .banner-content-wrapper h1:after,.single-format-video .banner-content-wrapper h1:after,.blog .banner-content-wrapper h1:after,.page-template-forever-blog .banner-content-wrapper h1:after,.single-format-standard .banner-content-wrapper h1:after, .event-page .banner-content-wrapper h1:after, .travel-page .banner-content-wrapper h1:after,.blog .blog-post-wrapper .post-blog strong:after { background:lighten(@skinColor,20%); .transition_effect; } .rtl .count-down .countdown-section:last-child:after,.rtl .comming-soon-countdown .countdown-section:last-child:after,.count-down .countdown-section:after,.home .inner-header-wrapper-right h3 a:after, .home .inner-header-wrapper-left h3 a:after,.home-agency .what-we-do .event strong:after,.home-agency .how-we-do .event strong:after,.home-agency .detail strong:after, .home-agency .post-blog strong:after,.left-part h3:before, .bg-color h3:before, .event-description h3:after,.time-line-divider,.blog .blog-post-wrapper .post-blog h2 a:after ,.home-agency .what-we-do .event h3 a:after,.home-agency .detail h3 a:after,.home-agency .post-blog h3 a:after,.event-description h3 a:after{ background:lighten(@skinColor,23%); .transition_effect; } //============================================================ //==========================BORDER COLOR================== .comment-respond input[type="submit"],.paginations-box nav ul li a,.tparrows.tp-leftarrow:hover, .tparrows.tp-rightarrow:hover,.read-more,.people .owl-next:hover:after,.people .owl-prev:hover:before, .btn, input.btn, button.btn,.btn:hover, .btn:focus, .btn.focus, .tp-mask-wrap .tp-caption.read_more_banner a:hover,.home-agency .how-we-do .event:hover,.btn, button,.left-inner-header .park-class,.next-prev-class .pagination > li:hover a,.blog-detail-page .quotes ,.blog-detail-page blockquote,.blog-detail-page .blog-single-quotes .share-block a,.next-prev-class .pagination > li > a,.home-agency .our-team .group .detail a:hover, .home-menu:focus{ border-color:@skinColor; .transition_effect; } .home-agency .logo{ border-color:lighten(@skinColor,12%); .transition_effect; } .inner-header .logo{ border-color:lighten(@skinColor,12%); .transition_effect; } .partner-slider .owl-next:after{ border-color:lighten(@skinColor,20%); .transition_effect; } .comment-respond .form-control,.met-section.even,.blog-from .inner-wrapper input,.blog-from form textarea,.wedding-item .owl-next:after,.wedding-item .owl-prev:before,.home-agency .owl-prev:before,.home-agency .owl-next:after,.home-agency .our-team .group .detail a,.gift-class,.partner-slider .owl-prev:before,.partner-slider .owl-next:after,.inner-wrapper .input-box input,form textarea,.home-agency .rsvp-wrapper h3,.met-section, .met-section-right,.event-page-content .span-wrapper{ border-color:lighten(@skinColor,23%); .transition_effect; } //============================================================ //==========================SVG COLOR================== .benefit-perk .svg path{ fill:@skinColor !important; } #theme_panel .theme-setting{ background-color:@skinColor; }