1/* =Include Plugin
2----------------------------------------------- */
3
4.plugin_include_content {
5    padding-top: 0px;
6    padding-bottom: 0px;
7
8    .inclmeta {
9        font-size: 0;
10    }
11    .published{
12        font-size: 16px;
13        font-weight:normal;
14        border: none;
15        border-image-width: 0;
16        opacity: 60%;
17        float: right;
18        transition: all 0.25s ease-in-out;
19    }
20    .published:hover{
21        opacity: 100%;
22    }
23    .published::before{
24        font-family: 'bootstrap-icons';
25        content: "\f214";
26        font-weight: normal;
27        font-size: 20px;
28        line-height: 20px;
29        padding-right: 6px;
30        vertical-align: text-top;
31    }
32    .author{
33        font-size: 16px;
34        float: right;
35        margin-right: 8px;
36    }
37    .author::before{
38        font-family: 'bootstrap-icons';
39        content: "\f4e1";
40        font-size: 20px;
41        margin-right: 4px;
42        line-height: 20px;
43        vertical-align: text-top;
44    }
45    .comment{
46        font-size: 16px;
47        margin-right: 8px;
48    }
49    .comment::before{
50        font-family: 'bootstrap-icons';
51        content: "\f268";
52        font-size: 20px;
53        padding-right: 6px;
54        line-height: 20px;
55        vertical-align: text-top;
56    }
57    .linkback{
58        font-size: 16px;
59        margin-right: 8px;
60    }
61    .linkback::before{
62        font-family: 'bootstrap-icons';
63        content: "\f470";
64        font-size: 20px;
65        padding-right: 4px;
66        line-height: 20px;
67        vertical-align: text-top;
68    }
69    .tags {
70        a::before {
71            font-family: 'bootstrap-icons';
72            content: "\F5B0";
73            font-size: 16px;
74            padding-right: 4px;
75            line-height: 16px;
76            vertical-align: middle;
77        }
78        a {
79            border-radius: 5px;
80        }
81    }
82
83    h1:first-of-type,
84    > div > h2 {
85        text-transform: uppercase;
86        width: @ini_content_width;
87        background: @ini_border;
88        padding: 20px 40px;
89        margin-left: -40px;
90        margin-right: -40px;
91        font-weight: bold;
92
93        a {
94            text-decoration: none;
95            transition: all 0.5s ease;
96        }
97    }
98}
99
100.makeFullWidth {
101    .plugin_include_content {
102        h1:first-of-type,
103        > div > h2 {
104            width: ~"calc(100vw - 400px - @{ini_content_border})";
105        }
106    }
107}
108
109/* 960px > x */
110@media only screen and (max-width: 959px) {
111    .plugin_include_content {
112        h1:first-of-type,
113        > div > h2 {
114            width: @ini_content_width;
115        }
116    }
117    .makeFullWidth {
118        .plugin_include_content {
119            h1:first-of-type,
120            > div > h2 {
121                width: ~"calc(100vw - 40px - 100px)";
122            }
123        }
124    }
125}
126
127/* 767px > x */
128@media only screen and (max-width: 767px) {
129    .makeFullWidth {
130        .plugin_include_content {
131            h1:first-of-type,
132            > div > h2 {
133                width: 100vw;
134            }
135        }
136    }
137}
138
139p.include_readmore {
140    margin-bottom: 8px;
141}
142.plugin_include_content a.wikilink1 {
143    text-decoration: none;
144}
145.include_readmore a {
146	-webkit-text-size-adjust: 100%;
147	word-wrap: break-word;
148	font-family: Montserrat,sans-serif;
149	margin: 0;
150	padding: 10px 20px !important;
151	border: none!important;
152	background-color: @ini_theme_color;
153	color: @ini_background !important;
154	font-size: 14px;
155	line-height: 1.5;
156	font-weight: bold;
157	text-transform: uppercase;
158	cursor: pointer;
159	-webkit-appearance: button;
160	box-sizing: border-box;
161	border-radius: 20px !important;
162	vertical-align: middle;
163	text-decoration: none;
164    transition: all 0.25s ease-in-out;
165}
166.include_readmore a:visited {
167	background-color: @ini_theme_color !important;
168}
169.include_readmore a:hover {
170	background-color: @ini_theme_color_alt !important;
171}
172.include_readmore a::after {
173    content: "\f285";
174    font-family: 'bootstrap-icons';
175    font-size: 16px;
176    line-height: 16px;
177    padding-left: 6px;
178    vertical-align: text-top;
179    transition: all 0.25s ease-in-out;
180}
181.include_readmore a:hover::after {
182    padding-left: 12px;
183}
184