phcthemes_web_theme_pack 2.0.1 → 2.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/phcthemes_web_theme_pack_antlr.js +1 -0
  3. data/app/assets/javascripts/phcthemes_web_theme_pack_hostinza.js +28 -0
  4. data/app/assets/javascripts/phcthemes_web_theme_pack_pressroom.js +0 -0
  5. data/app/assets/javascripts/themes/antlr/theme/sidebar.js +36 -0
  6. data/app/assets/javascripts/themes/hostinza/theme/hostslide.js +94 -0
  7. data/app/assets/javascripts/themes/hostinza/theme/jquery.parallax-scroll.js +185 -0
  8. data/app/assets/javascripts/themes/hostinza/theme/jquery.parallax.js +521 -0
  9. data/app/assets/javascripts/themes/hostinza/theme/main.js +1106 -0
  10. data/app/assets/javascripts/themes/hostinza/theme/plugins.js +31 -0
  11. data/app/assets/javascripts/themes/hostinza/theme/shuffle-letters.js +140 -0
  12. data/app/assets/javascripts/themes/hostinza/theme/tweetie.js +130 -0
  13. data/app/assets/javascripts/themes/hostinza/theme/vps-slider-month-products.js +66 -0
  14. data/app/assets/javascripts/themes/hostinza/theme/vps-slider-month-settings.js +134 -0
  15. data/app/assets/javascripts/themes/hostinza/theme/vps-slider-year-products.js +66 -0
  16. data/app/assets/javascripts/themes/hostinza/theme/vps-slider-year-settings.js +134 -0
  17. data/app/assets/stylesheets/phcthemes_web_theme_pack_antlr.scss +2 -1
  18. data/app/assets/stylesheets/phcthemes_web_theme_pack_hostinza.scss +24 -0
  19. data/app/assets/stylesheets/phcthemes_web_theme_pack_pressroom.scss +24 -0
  20. data/app/assets/stylesheets/themes/antlr/filter.css +189 -0
  21. data/lib/phcthemes_web_theme_pack/version.rb +1 -1
  22. metadata +19 -2
data/app/assets/javascripts/themes/hostinza/theme/vps-slider-year-products.js ADDED
@@ -0,0 +1,66 @@
1
+ let yearproducts = [
2
+
3
+ {
4
+ name : 'WordPress Solo',
5
+ price : '$40.00',
6
+ desc : 'Solo site package created especially for entrepreneurs, bloggers, writers, business professionals, business/lifestyle coaches and small businesses starting out.',
7
+
8
+ ram : '1 GB',
9
+ processor: '1 Core',
10
+ storage: '25 GB',
11
+
12
+ bandwidth: '1 TB' ,
13
+ sites: '2 Max',
14
+ databases: '2 Max',
15
+
16
+ setup: 'Included',
17
+ migration: 'Included',
18
+ ssl: 'Included',
19
+
20
+ urlclass: 'http://whmcs.finesttheme.com/cart.php?a=add&pid=3'
21
+ },
22
+
23
+ {
24
+ name : 'WordPress Business',
25
+ price : '$60.00',
26
+ desc : 'Multiple site package for medium to larger businesses and startups that require a bit more resources to handle traffic, sales funnels to meet their demand.',
27
+
28
+ ram : '2 GB',
29
+ processor: '1 Core',
30
+ storage: '50 GB',
31
+
32
+ bandwidth: '2 TB' ,
33
+ sites: '4 Included',
34
+ databases: '4 Included',
35
+
36
+ setup: 'Included',
37
+ migration: 'Included',
38
+ ssl: 'Included',
39
+
40
+ urlclass: 'http://whmcs.finesttheme.com/cart.php?a=add&pid=3'
41
+ },
42
+
43
+ {
44
+ name : 'WordPress Enterprise',
45
+ price : '$80.00',
46
+ desc : 'Multiple site package for enterprises, education institutions or organizations with resource intensive WordPress sites with plugins like learning management systems and memberships sites.',
47
+
48
+ ram : '4 GB',
49
+ processor: '2 Core',
50
+ storage: '.5 TB',
51
+
52
+ bandwidth: '1 GB' ,
53
+ sites: '10 Included',
54
+ databases: '10 Included',
55
+
56
+ setup: 'Included',
57
+ migration: 'Included',
58
+ ssl: 'Included',
59
+
60
+ urlclass: 'http://whmcs.finesttheme.com/cart.php?a=add&pid=3'
61
+ },
62
+
63
+ ];
64
+
65
+ // let url = 'https://www.domainname.com/?cmd=cart&id=';
66
+ // $('.slider-btns').attr('href', url + sliderplans[1][ui.value-1]);
data/app/assets/javascripts/themes/hostinza/theme/vps-slider-year-settings.js ADDED
@@ -0,0 +1,134 @@
1
+ // PHC- Start Month Function
2
+ (function($) {
3
+
4
+ "use strict";
5
+ $(document).ready(function() {
6
+
7
+ if ($(".vps-slider-annually").length > 0) {
8
+
9
+ let $this = $(".vps-slider-annually");
10
+ let sliderplans = [];
11
+
12
+ // Title
13
+ sliderplans[0] = [yearproducts[0].name, yearproducts[1].name, yearproducts[2].name, yearproducts[3].name, yearproducts[4].name];
14
+ // Price
15
+ sliderplans[1] = [yearproducts[0].price, yearproducts[1].price, yearproducts[2].price, yearproducts[3].price, yearproducts[4].price];
16
+ // Description
17
+ sliderplans[2] = [yearproducts[0].desc, yearproducts[1].desc, yearproducts[2].desc, yearproducts[3].desc, yearproducts[4].desc];
18
+
19
+ // Ram
20
+ sliderplans[3] = [yearproducts[0].ram, yearproducts[1].ram, yearproducts[2].ram, yearproducts[3].ram, yearproducts[4].ram];
21
+ // Processor
22
+ sliderplans[4] = [yearproducts[0].processor, yearproducts[1].processor, yearproducts[2].processor, yearproducts[3].processor, yearproducts[4].processor];
23
+ // Storage
24
+ sliderplans[5] = [yearproducts[0].storage, yearproducts[1].storage, yearproducts[2].storage, yearproducts[3].storage, yearproducts[4].storage];
25
+
26
+ // Bandwidth
27
+ sliderplans[6] = [yearproducts[0].bandwidth, yearproducts[1].bandwidth, yearproducts[2].bandwidth, yearproducts[3].bandwidth, yearproducts[4].bandwidth];
28
+ // sites
29
+ sliderplans[7] = [yearproducts[0].sites, yearproducts[1].sites, yearproducts[2].sites, yearproducts[3].sites, yearproducts[4].sites];
30
+ // Databases
31
+ sliderplans[8] = [yearproducts[0].databases, yearproducts[1].databases, yearproducts[2].databases, yearproducts[3].databases, yearproducts[4].databases];
32
+
33
+ // Setup
34
+ sliderplans[9] = [yearproducts[0].setup, yearproducts[1].setup, yearproducts[2].setup, yearproducts[3].setup, yearproducts[4].setup];
35
+
36
+ // ip one
37
+ sliderplans[10] = [yearproducts[0].migration, yearproducts[1].migration, yearproducts[2].migration, yearproducts[3].migration, yearproducts[4].migration];
38
+
39
+ // ip two
40
+ sliderplans[11] = [yearproducts[0].ssl, yearproducts[1].ssl, yearproducts[2].ssl, yearproducts[3].ssl, yearproducts[4].ssl];
41
+
42
+ let urlClass = [yearproducts[0].urlclass, yearproducts[1].urlclass, yearproducts[2].urlclass, yearproducts[3].urlclass, yearproducts[4].urlclass];
43
+ let currentplan = 1;
44
+
45
+ $this.xsslide('single', sliderplans, currentplan, 'xs', 'horizontal');
46
+ $this.slider({
47
+
48
+ animate: true,
49
+ slide: function( event, ui ) {
50
+
51
+ // Title
52
+ $('.slider-container .title').html(sliderplans[0][ui.value-1]);
53
+ // Price
54
+ $('.slider-container .price').html(sliderplans[1][ui.value-1]);
55
+ // Description
56
+ $('.slider-container .desc').html(sliderplans[2][ui.value-1]);
57
+
58
+ // Ram
59
+ $('.vps-pricing-list .ram').html(sliderplans[3][ui.value-1]);
60
+ // Processor
61
+ $('.vps-pricing-list .processor').html(sliderplans[4][ui.value-1]);
62
+ // Storage
63
+ $('.vps-pricing-list .storage').html(sliderplans[5][ui.value-1]);
64
+
65
+ // Bandwidth
66
+ $('.vps-pricing-list .bandwidth').html(sliderplans[6][ui.value-1]);
67
+ // sites
68
+ $('.vps-pricing-list .sites').html(sliderplans[7][ui.value-1]);
69
+ // Databases
70
+ $('.vps-pricing-list .databases').html(sliderplans[8][ui.value-1]);
71
+
72
+ // sites
73
+ $('.vps-pricing-list .sites').html(sliderplans[9][ui.value-1]);
74
+ // Migration
75
+ $('.vps-pricing-list .migration').html(sliderplans[10][ui.value-1]);
76
+ // SSL
77
+ $('.vps-pricing-list .ssl').html(sliderplans[11][ui.value-1]);
78
+
79
+ // Buttons
80
+ $('.slider-btns').attr('href', urilink[ui.value-1]);
81
+
82
+ },
83
+ change: function( event, ui ) {
84
+
85
+ // Title
86
+ $('.slider-container .title').html(sliderplans[0][ui.value-1]);
87
+ // Price
88
+ $('.slider-container .price').html(sliderplans[1][ui.value-1]);
89
+ // Description
90
+ $('.slider-container .desc').html(sliderplans[2][ui.value-1]);
91
+
92
+ // Ram
93
+ $('.vps-pricing-list .ram').html(sliderplans[3][ui.value-1]);
94
+ // Processor
95
+ $('.vps-pricing-list .processor').html(sliderplans[4][ui.value-1]);
96
+ // Storage
97
+ $('.vps-pricing-list .storage').html(sliderplans[5][ui.value-1]);
98
+
99
+ // Bandwidth
100
+ $('.vps-pricing-list .bandwidth').html(sliderplans[6][ui.value-1]);
101
+ // sites
102
+ $('.vps-pricing-list .sites').html(sliderplans[7][ui.value-1]);
103
+ // Databases
104
+ $('.vps-pricing-list .databases').html(sliderplans[8][ui.value-1]);
105
+
106
+ // Steup
107
+ $('.vps-pricing-list .setup').html(sliderplans[9][ui.value-1]);
108
+ // Migration
109
+ $('.vps-pricing-list .migration').html(sliderplans[10][ui.value-1]);
110
+ // SSL
111
+ $('.vps-pricing-list .ssl').html(sliderplans[11][ui.value-1]);
112
+
113
+ // Buttons
114
+ $('.slider-btns').attr('href', urlClass[ui.value-1]);
115
+
116
+ }
117
+ });
118
+ }
119
+
120
+ $('.slider-tigger-annually').click(function() {
121
+ var value= parseInt(this.id.slice(5)) + 1;
122
+ $('.vps-slider-annually').slider('value', value);
123
+ if (!$(this).hasClass('current')) {
124
+ $(this).addClass('current');
125
+ $(this).nextAll().removeClass('current');
126
+ $(this).prevAll().removeClass('current');
127
+ } else {
128
+ $(this).removeClass('current');
129
+ }
130
+ });
131
+
132
+ });
133
+
134
+ })(jQuery);
data/app/assets/stylesheets/phcthemes_web_theme_pack_antlr.scss CHANGED
@@ -16,7 +16,8 @@
16
16
  @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/animate.min.css");
17
17
 
18
18
  // Load Theme Files
19
- @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/style.min.css");
19
+ @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/filter.css");
20
+ @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/style.css");
20
21
  @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/colors/green.css");
21
22
  @import "themes/antlr/maps.scss";
22
23
 
data/app/assets/stylesheets/phcthemes_web_theme_pack_hostinza.scss ADDED
@@ -0,0 +1,24 @@
1
+ // Load Font
2
+ @import url("https://fonts.googleapis.com/css?family=Karla:400,700,700i%7CRubik:300,400,500,700");
3
+
4
+ // Load Common Files
5
+ @import url("https://cdn.phcnetworks.net/frameworks/css/bootstrap/version-4.5.2/css/bootstrap.css");
6
+ @import url("https://cdn.phcnetworks.net/icons/fonts/fontawesome-pro/version-5.14.0/css/all.css");
7
+ @import url("https://cdn.phcnetworks.net/css/animations/animate-css/version-3.7.2/animate.css");
8
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/magnific-popup.css");
9
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/owl.carousel.min.css");
10
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/owl.theme.default.min.css");
11
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/jquery-ui.structure.min.css");
12
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/jquery-ui.theme.min.css");
13
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/rev-settings.css");
14
+
15
+ // Load Icon Files
16
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/iconfont.css");
17
+
18
+ // Load Theme Files
19
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/plugins.css");
20
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/style.css");
21
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/responsive.css");
22
+
23
+ // Load PHCNetco Files
24
+ @import "common/hanna_hearts/hanna_hearts.scss";
data/app/assets/stylesheets/phcthemes_web_theme_pack_pressroom.scss ADDED
@@ -0,0 +1,24 @@
1
+ // Load Gem Files
2
+ @import "jquery-ui";
3
+
4
+ // Load Fonts
5
+ @import url("http://fonts.googleapis.com/css?family=Roboto:300,400,700");
6
+ @import url("http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");
7
+
8
+ // Load Common Files
9
+ @import url("https://cdn.phcnetworks.net/frameworks/css/bootstrap/version-4.5.2/css/bootstrap.css");
10
+ @import url("https://cdn.phcnetworks.net/icons/fonts/fontawesome-pro/version-5.14.0/css/all.css");
11
+ @import url("https://api.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css");
12
+
13
+ // Load Theme Files
14
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/reset.css");
15
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/superfish.css");
16
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/prettyPhoto.css");
17
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/jquery.qtip.css");
18
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/style.css");
19
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/menu_styles.css");
20
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/animations.css");
21
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/responsive.css");
22
+
23
+ // Load PHCNetco Files
24
+ @import "common/hanna_hearts/hanna_hearts.scss";
data/app/assets/stylesheets/themes/antlr/filter.css ADDED
@@ -0,0 +1,189 @@
1
+ /* --------------------------------
2
+ Main Components
3
+ -------------------------------- */
4
+ .cd-header { position: relative; height: 150px; background-color: #331d35; }
5
+ .cd-header h1 { color: #ffffff; line-height: 150px; text-align: center; font-size: 2.4rem; font-weight: 300; }
6
+ @media only screen and (min-width:1170px) {
7
+ .cd-header { height: 180px; }
8
+ .cd-header h1 { line-height: 180px; }
9
+ }
10
+ .cd-main-content:after { content: ""; display: table; clear: both; }
11
+ .cd-main-content.is-fixed .cd-tab-filter-wrapper { position: fixed; top: 0; left: 0; width: 100%; }
12
+ .cd-main-content.is-fixed .cd-gallery { padding-top: 76px; }
13
+ .cd-main-content.is-fixed .cd-filter { position: fixed; height: 100vh; overflow: hidden; }
14
+ .cd-main-content.is-fixed .cd-filter-trigger { position: fixed; }
15
+ @media only screen and (min-width:768px) {
16
+ .cd-main-content.is-fixed .cd-gallery { padding-top: 90px; }
17
+ }
18
+ @media only screen and (min-width:1170px) {
19
+ .cd-main-content.is-fixed .cd-gallery { padding-top: 100px; }
20
+ }
21
+
22
+ /* --------------------------------
23
+ xtab-filter
24
+ -------------------------------- */
25
+ .cd-tab-filter-wrapper { background-color: #ffffff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); z-index: 1; }
26
+ .cd-tab-filter-wrapper:after { content: ""; display: table; clear: both; }
27
+ .cd-tab-filter { /* tabbed navigation style on mobile - dropdown */
28
+ position: relative; height: 50px; width: 140px; margin: 0 auto; z-index: 1; }
29
+ .cd-tab-filter::after { /* small arrow icon */
30
+ content: ''; position: absolute; right: 14px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 16px; height: 16px; background: url("../img/filter/cd-icon-arrow.svg") no-repeat center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; }
31
+ .cd-tab-filter ul { position: absolute; top: 0; left: 0; background-color: #ffffff; box-shadow: inset 0 -2px 0 #a3d133; }
32
+ .cd-tab-filter li { display: none; }
33
+ .cd-tab-filter li:first-child { /* this way the placehodler is alway visible */
34
+ display: block; }
35
+ .cd-tab-filter a { display: block; /* set same size of the .cd-tab-filter */ height: 50px; width: 140px; line-height: 50px; padding-left: 14px; }
36
+ .cd-tab-filter a.selected { background: #a3d133; color: #ffffff; }
37
+ .cd-tab-filter.is-open::after { /* small arrow rotation */
38
+ -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); }
39
+ .cd-tab-filter.is-open ul { box-shadow: inset 0 -2px 0 #a3d133, 0 2px 10px rgba(0, 0, 0, 0.2); }
40
+ .cd-tab-filter.is-open ul li { display: block; }
41
+ .cd-tab-filter.is-open .placeholder a { /* reduces the opacity of the placeholder on mobile when the menu is open */
42
+ opacity: .4; }
43
+ @media only screen and (min-width:768px) {
44
+ .cd-tab-filter { /* tabbed navigation style on medium devices */
45
+ width: auto; cursor: auto; }
46
+ .cd-tab-filter::after { /* hide the arrow */
47
+ display: none; }
48
+ .cd-tab-filter ul { background: transparent; position: static; box-shadow: none; text-align: center; }
49
+ .cd-tab-filter li { display: inline-block; }
50
+ .cd-tab-filter li.placeholder { display: none !important; }
51
+ .cd-tab-filter a { display: inline-block; padding: 0 1em; width: auto; color: #9a9a9a; text-transform: uppercase; font-weight: 700; font-size: 1.3rem; }
52
+ .no-touch .cd-tab-filter a:hover { color: #a3d133; }
53
+ .cd-tab-filter a.selected { background: transparent; color: #a3d133; /* create border bottom using box-shadow property */ box-shadow: inset 0 -2px 0 #a3d133; }
54
+ .cd-tab-filter.is-open ul li { display: inline-block; }
55
+ }
56
+ @media only screen and (min-width:1170px) {
57
+ .cd-tab-filter { /* tabbed navigation on big devices */
58
+ width: 100%; float: right; margin: 0; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; }
59
+ .cd-tab-filter.filter-is-visible { /* reduce width when filter is visible */
60
+ width: 80%; }
61
+ }
62
+
63
+ /* --------------------------------
64
+ xgallery
65
+ -------------------------------- */
66
+ .cd-gallery { padding: 26px 5%; width: 100%; }
67
+ .cd-gallery li { margin-bottom: 1.6em; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); display: none; }
68
+ .cd-gallery li.gap { /* used in combination with text-align: justify to align gallery elements */
69
+ opacity: 0; height: 0; display: inline-block; }
70
+ .cd-gallery img { display: block; width: 100%; }
71
+ .mixcontainer .cd-fail-message { box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1); border-radius: 15px; background: #fff; padding: 30px; text-align: center; display: none; }
72
+ .mixcontainer .sec-main .cd-fail-message { box-shadow: none; padding: 30px 0px 0px 0px; }
73
+ .mixitup-container-failed .cd-fail-message { width: 100%; display: inline-block !important; }
74
+ @media (max-width:767px) {
75
+ .mixitup-container-failed .cd-fail-message { margin-bottom: 80px; }
76
+ }
77
+ @media only screen and (min-width:768px) {
78
+ .cd-gallery { padding: 40px 3%; }
79
+ .cd-gallery ul { text-align: justify; }
80
+ .cd-gallery ul:after { content: ""; display: table; clear: both; }
81
+ .cd-gallery li { width: 48%; margin-bottom: 2em; }
82
+ }
83
+ @media only screen and (min-width:1170px) {
84
+ .cd-gallery { padding: 50px 2%; float: right; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; }
85
+ .cd-gallery li { width: 23%; }
86
+ .cd-gallery.filter-is-visible { /* reduce width when filter is visible */
87
+ width: 80%; }
88
+ }
89
+
90
+ /* --------------------------------
91
+ xfilter
92
+ -------------------------------- */
93
+ .cd-filter { position: absolute; top: 0; left: 0; width: 280px; background: #ffffff; box-shadow: 4px 4px 20px transparent; z-index: 2; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s; -moz-transition: -moz-transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; }
94
+ .cd-filter .cd-close { position: absolute; top: 0px; right: 5px; height: 45px; line-height: 45px; width: 45px; color: #414142; font-size: 1.3rem; text-align: center; background: #fed800; opacity: 0; font-size: 20px !important; border-radius: 50px; box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.1); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 3; }
95
+ .no-touch .cd-filter .cd-close:hover { background: #32255f; }
96
+ .cd-filter.filter-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2); }
97
+ .cd-filter.filter-is-visible .cd-close { opacity: 1; }
98
+ @media only screen and (min-width:1170px) {
99
+ .cd-filter { width: 20%; }
100
+ .cd-filter form { padding: 70px 10%; }
101
+ }
102
+ .cd-filter-trigger { position: absolute; top: 0; left: 0; line-height: 50px; width: 60px; /* image replacement */ overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap; z-index: 3; }
103
+ .cd-filter-trigger.filter-is-visible { pointer-events: none; }
104
+ @media only screen and (min-width:1170px) {
105
+ .cd-filter-trigger { width: auto; text-indent: 0; color: #9a9a9a; font-size: 1.3rem; font-weight: 700; padding-left: 24px; background-position: left center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
106
+ .no-touch .cd-filter-trigger:hover { color: #a3d133; }
107
+ .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover { color: #ffffff; }
108
+ }
109
+
110
+ /* --------------------------------
111
+ xcustom form elements
112
+ -------------------------------- */
113
+ .cd-filter-block { position: relative; margin-bottom: 1.6em; }
114
+ .cd-filter-block h4 { /* filter block title */
115
+ position: relative; margin-bottom: 15px; padding: 10px 0 10px 20px; color: #9a9a9a; text-transform: uppercase; font-weight: 700; font-size: 1.3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
116
+ .no-touch .cd-filter-block h4:hover { color: #a3d133; }
117
+ .cd-filter-block h4::before { /* arrow */
118
+ font-family: 'Font Awesome 5 Free'; content: "\f107"; position: absolute; left: 0; top: 17px; width: 16px; height: 16px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
119
+ .cd-filter-block h4.closed::before { -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
120
+ .cd-filter-block input, .cd-filter-block select, .cd-filter-block .radio-label::before, .cd-filter-block .checkbox-label::before { /* shared style for input elements */
121
+ font-family: "Open Sans", sans-serif; border-radius: 0; background-color: #ffffff; border: none; }
122
+ .cd-filter-block input, .cd-filter-block select { width: 100%; padding: 15px 60px 15px 30px; border-radius: 50px; font-size: 14px; cursor: pointer; background-color: #ffffff !important; border: solid 1px #d8d8d8 !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; }
123
+ .cd-filter-block input:hover, .cd-filter-block select:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
124
+ .cd-filter-block label i { color: #d8d8d8; top: 42px; right: 40px; position: absolute; }
125
+ .cd-filter-block input:focus, .cd-filter-block select:focus { outline: none; background-color: #ffffff; }
126
+ .cd-filter-block input { /* custom style for the search element */
127
+ border-color: transparent; background-color: #e6e6e6; /* prevent jump - ios devices */ }
128
+ .cd-filter-block input::-webkit-search-cancel-button { display: none; }
129
+ .cd-filter-block .cd-select { /* select element wrapper */
130
+ position: relative; }
131
+ .cd-filter-block .cd-select::after { /* switcher arrow for select element */
132
+ content: ''; position: absolute; z-index: 1; right: 30px; top: 27px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url("../img/filter/cd-icon-arrow.svg") no-repeat center center; pointer-events: none; }
133
+ .cd-filter-block select::-ms-expand { display: none; }
134
+ .cd-filter-block .list li { position: relative; margin-bottom: .8em; }
135
+ .cd-filter-block .list li:last-of-type { margin-bottom: 0; list-style: none; }
136
+ .cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] { /* hide original check and radio buttons */
137
+ position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; z-index: 2; }
138
+ .cd-filter-block .checkbox-label, .cd-filter-block .radio-label { padding-left: 24px; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
139
+ .cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after { /* custom radio and check boxes */
140
+ content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
141
+ .cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before { width: 16px; height: 16px; left: 0; }
142
+ .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::after { /* check mark - hidden */
143
+ display: none; }
144
+ .cd-filter-block .checkbox-label::after { /* check mark style for check boxes */
145
+ width: 16px; height: 16px; background: url("../img/filter/cd-icon-check.svg") no-repeat center center; }
146
+ .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after { border-radius: 50%; }
147
+ .cd-filter-block .radio-label::after { /* check mark style for radio buttons */
148
+ width: 6px; height: 6px; background-color: #ffffff; left: 5px; }
149
+ .cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before { border-color: #a3d133; background-color: #a3d133; }
150
+ .cd-filter-block input[type=radio]:checked + label::after, .cd-filter-block input[type=checkbox]:checked + label::after { display: block; }
151
+ #ex1Slider .slider-selection { background: #BABABA; }
152
+ .tooltip.in { filter: alpha(opacity=90); opacity: .9; }
153
+ .tooltip.top .tooltip-arrow { bottom: -5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }
154
+ .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
155
+ ol, ul { list-style: none; }
156
+ blockquote, q { quotes: none; }
157
+ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
158
+ table { border-collapse: collapse; border-spacing: 0; }
159
+
160
+ /* --------------------------------
161
+ Custom
162
+ -------------------------------- */
163
+ .cd-gallery { padding: 50px 0px 0px 0px; }
164
+ .cd-gallery li { box-shadow: none; }
165
+ .cd-gallery .wrapper .title { font-size: 18px; font-family: "Open Sans"; }
166
+ .cd-gallery.domains .wrapper .title { font-size: 32px; font-family: "Open Sans"; }
167
+ .cd-tab-filter a.selected { border: none !important; background: #fdd700 !important; color: #fff !important; box-shadow: none !important; }
168
+ .cd-tab-filter a.selected:hover { text-transform: none !important; text-decoration: none !important; }
169
+ .cd-tab-filter a { text-transform: none; font-size: 15px !important; font-family: "Open Sans"; color: #808080; }
170
+ .no-touch .cd-tab-filter a:hover { text-decoration: none !important; }
171
+ .no-touch .cd-filter .cd-close:hover { background-color: #313131 !important; text-decoration: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
172
+ .cd-filter.filter-is-visible { font-family: "Open Sans"; box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.1); }
173
+ .cd-filter-block h4 { text-transform: capitalize !important; font-weight: 600 !important; font-size: 16px !important; color: #212122 !important; }
174
+ .cd-filter-block .cd-filter-content input[type='search'] { border: solid 1px #e0e0e0; font-size: 14px !important; background: transparent; }
175
+ .cd-filter-block .cd-filter-content { padding: 0px; }
176
+ .cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before { border: solid 1px #808080 !important; }
177
+ .cd-filter-block .checkbox-label, .cd-filter-block .radio-label { position: relative; display: grid !important; font-size: 14px !important; color: #000; }
178
+ .action-content { position: relative; }
179
+ .action { bottom: 0; right: 0; top: 0 !important; left: 0; position: absolute; display: inline-block; height: 100%; border-radius: 15px; background: rgba(0, 0, 0, 0.7); top: 0px; text-align: center; opacity: 0; transition: all 0.3s; z-index: 1; }
180
+ .action:hover { opacity: 1; }
181
+ .action a { margin-right: 20px; font-size: 16px; color: #fff; }
182
+ .action a:last-child { margin-right: 0px; }
183
+ .action a:hover { color: #fdd700; text-decoration: none; }
184
+ .action a i { color: #fff; font-size: 32px; padding: 0px }
185
+ .action a i:hover { color: #fdd700; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
186
+ .action .metatag { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
187
+ .action .rating { font-size: 24px; padding-top: 15px; width: 100%; }
188
+ .action .rating i { font-size: 18px; color: #808080; padding: 2px; }
189
+ .action .rating i:hover { color: #fdd700; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }