WebSVN – Moodle – Autoría – /theme/universe/scss/moodle/frontpage.scss

Rev	Autor	Línea Nro.	Línea
1	efrain	1	`//---- Front Page Blocks`
		2	`$block-el-margin-bottom: 24px;`
		3
		4	`.rui-fp-margin-top {`
		5	`margin-top: 80px;`
		6	`}`
		7
		8	`.rui-fp-margin-bottom {`
		9	`margin-bottom: 80px;`
		10
		11	`@include media-breakpoint-between(xs, sm) {`
		12	`margin-bottom: 40px;`
		13	`}`
		14	`}`
		15
		16	`.rui-block-margin-top {`
		17	`margin-top: 40px;`
		18
		19	`@include media-breakpoint-only(md) {`
		20	`margin-top: 22px;`
		21	`}`
		22
		23	`@include media-breakpoint-between(xs, sm) {`
		24	`margin-top: 10px;`
		25	`}`
		26	`}`
		27
		28	`.rui-block-hr {`
		29	`margin: 60px auto;`
		30	`max-width: 60px;`
		31
		32	`@include media-breakpoint-between(xs,sm) {`
		33	`margin: 40px auto;`
		34	`}`
		35	`}`
		36
		37	`.rui-block-subtitle {`
		38	`margin-bottom: $block-el-margin-bottom;`
		39	`font-size: 1rem;`
		40	`text-align: center;`
		41	`color: $body-color-secondary;`
		42
		43	`.theme-dark & {`
		44	`color: $dm-body-color-secondary;`
		45	`}`
		46
		47	`@include media-breakpoint-between(xs, sm) {`
		48	`font-size: $font-size-md`
		49	`}`
		50	`}`
		51
		52
		53	`.rui-block-title {`
		54	`margin-bottom: $block-el-margin-bottom;`
		55	`font-size: 3.75rem; // 60px`
		56	`text-align: center;`
		57	`line-height: 1.2;`
		58	`color: $body-color;`
		59
		60	`.theme-dark & {`
		61	`color: $dm-body-color;`
		62	`}`
		63
		64	`@include media-breakpoint-only(md) {`
		65	`font-size: 2.5rem; // 40px`
		66	`}`
		67
		68	`@include media-breakpoint-between(xs, sm) {`
		69	`font-size: 1.5rem; // 24px`
		70	`}`
		71	`}`
		72
		73	`.rui-block-desc {`
		74	`margin-bottom: $block-el-margin-bottom;`
		75	`font-size: 1.25rem; //18px`
		76	`color: $body-color;`
		77	`text-align: center;`
		78
		79	`.theme-dark & {`
		80	`color: $dm-body-color;`
		81	`}`
		82
		83	`@include media-breakpoint-between(xs, sm) {`
		84	`font-size: 1rem`
		85	`}`
		86	`}`
		87
		88	`.rui-block-desc--lg {`
		89	`font-size: 2rem;`
		90
		91	`@include media-breakpoint-between(xs, sm) {`
		92	`font-size: 1.5rem`
		93	`}`
		94	`}`
		95
		96	`.rui-block-desc--sm {`
		97	`max-width: 500px;`
		98	`margin-left: auto;`
		99	`margin-right: auto;`
		100	`}`
		101
		102	`.rui-block-footer {`
		103	`margin-top: 30px;`
		104	`font-size: .875rem; // 14px`
		105	`color: $body-color-light;`
		106
		107	`.theme-dark & {`
		108	`color: $dm-body-color-light;`
		109	`}`
		110	`}`
		111
		112	`// Team`
		113	`.rui-card-team-grid {`
		114	`display: grid;`
		115	`grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));`
		116	`grid-column-gap: 40px;`
		117	`grid-row-gap: 40px;`
		118	`}`
		119
		120	`.rui-img--anim-1 img {`
		121	`max-width: 100%;`
		122	`height: auto;`
		123	`border-radius: 120px 5px 5px 120px;`
		124	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		125
		126	`&:hover {`
		127	`border-radius: 5px 120px 120px 5px;`
		128	`}`
		129	`}`
		130
		131	`.rui-img--anim-2 img {`
		132	`max-width: 100%;`
		133	`height: auto;`
		134	`border-radius: 120px 5px 120px 120px;`
		135	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		136
		137	`&:hover {`
		138	`border-radius: 120px 120px 120px 5px;`
		139	`}`
		140	`}`
		141
		142	`.rui-img--anim-3 img {`
		143	`max-width: 100%;`
		144	`height: auto;`
		145	`border-radius: 120px;`
		146	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		147
		148	`&:hover {`
		149	`border-radius: $btn-border-radius-lg;`
		150	`}`
		151	`}`
		152
		153	`.rui-img--anim-4 img {`
		154	`max-width: 100%;`
		155	`height: auto;`
		156	`border-radius: 5px 120px 120px 120px;`
		157	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		158
		159	`&:hover {`
		160	`border-radius: 120px 120px 5px 120px;`
		161	`}`
		162	`}`
		163
		164	`.rui-img--anim-5 img {`
		165	`max-width: 100%;`
		166	`height: auto;`
		167	`border-radius: 5px 120px 120px 5px;`
		168	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		169
		170	`&:hover {`
		171	`border-radius: 120px 5px 5px 120px;`
		172	`}`
		173	`}`
		174
		175	`.rui-img--anim-6 img {`
		176	`max-width: 100%;`
		177	`height: auto;`
		178	`border-radius: $btn-border-radius-lg;`
		179	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		180
		181	`&:hover {`
		182	`border-radius: 120px;`
		183	`}`
		184	`}`
		185
		186	`.rui-img--anim-7 img {`
		187	`max-width: 100%;`
		188	`height: auto;`
		189	`border-radius: 120px;`
		190	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		191
		192	`&:hover {`
		193	`border-radius: 120px 5px 120px 5px;`
		194	`}`
		195	`}`
		196
		197	`.rui-img--anim-8 img {`
		198	`max-width: 100%;`
		199	`height: auto;`
		200	`border-radius: 120px;`
		201	`transition: border-radius 350ms cubic-bezier(0.165, 0.84, 0.44, 1);`
		202
		203	`&:hover {`
		204	`border-radius: 5px 120px 5px 120px;`
		205	`}`
		206	`}`
		207
		208	`.rui-block-social-list {`
		209	`margin-top: 1rem;`
		210	`display: inline-flex;`
		211
		212	`a {`
		213	`width: 30px;`
		214	`height: 30px;`
		215	`font-size: 18px;`
		216	`color: $body-color;`
		217
		218	`&:hover {`
		219	`opacity: .6;`
		220	`}`
		221
		222	`.theme-dark & {`
		223	`color: $dm-body-color;`
		224	`}`
		225	`}`
		226	`}`
		227
		228	`// Added important becaouse Atto editor adds additional classes`
		229	`.rui-block-team-item {`
		230	`margin-bottom: 30px;`
		231
		232	`position: relative;`
		233	`width: 100% !important;`
		234	`max-width: 100% !important;`
		235
		236	`&:last-of-type {`
		237	`margin-bottom: 0;`
		238	`}`
		239	`}`
		240
		241	`.rui-card-team--img-smpl img {`
		242	`position: relative;`
		243	`border-radius: $btn-border-radius-lg;`
		244	`width: 192px;`
		245
		246	`@include media-breakpoint-between(xs, sm) {`
		247	`width: 40px;`
		248	`}`
		249	`}`
		250
		251	`.rui-card-team--img-fw {`
		252	`position: relative;`
		253
		254	`img {`
		255	`border-radius: $btn-border-radius-lg;`
		256	`width: 100%;`
		257	`}`
		258	`}`
		259
		260	`.rui-card-team-desc--absolute {`
		261	`position: absolute;`
		262	`background-color: $container-bg;`
		263	`padding: 7px 17px;`
		264
		265	`left: 10px;`
		266	`right: 10px;`
		267	`bottom: 10px;`
		268	`border-radius: $btn-border-radius-md;`
		269
		270	`.theme-dark & {`
		271	`background-color: $dm-container-bg;`
		272	`}`
		273	`}`
		274
		275	`.rui-block-team-title {`
		276	`font-size: 1rem;`
		277	`color: $body-color;`
		278
		279	`.theme-dark & {`
		280	`color: $dm-body-color;`
		281	`}`
		282	`}`
		283
		284	`.rui-block-team-desc {`
		285	`font-size: .938rem; // 15px`
		286	`color: $body-color-secondary;`
		287
		288	`.theme-dark & {`
		289	`color: $dm-body-color-secondary;`
		290	`}`
		291	`}`
		292
		293	`.rui-block-team-desc--sm {`
		294	`font-size: .75rem; // 12px`
		295	`color: $body-color-light;`
		296
		297	`.theme-dark & {`
		298	`color: $dm-body-color-light;`
		299	`}`
		300	`}`
		301
		302	`.rui-block-team-list {`
		303	`li {`
		304	`margin-right: 10px;`
		305	`display: inline-block;`
		306
		307	`a {`
		308	`font-size: .875rem;`
		309	`font-weight: $font-weight-bold;`
		310	`color: $body-color-secondary;`
		311
		312	`.theme-dark & {`
		313	`color: $dm-body-color-secondary;`
		314	`}`
		315	`}`
		316
		317	`}`
		318	`}`
		319
		320	`// Tetimonials`
		321	`.rui-card-testimonials-grid--2 {`
		322	`display: grid;`
		323	`grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));`
		324	`column-gap: 60px;`
		325	`row-gap: 60px;`
		326
		327	`@include media-breakpoint-only(md) {`
		328	`grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));`
		329	`column-gap: 40px;`
		330	`row-gap: 40px;`
		331	`}`
		332
		333	`@include media-breakpoint-between(xs, sm) {`
		334	`grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));`
		335	`column-gap: 0;`
		336	`row-gap: 80px;`
		337	`}`
		338	`}`
		339
		340	`.rui-card-testimonials-grid {`
		341	`display: grid;`
		342	`grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));`
		343	`column-gap: 80px;`
		344	`row-gap: 80px;`
		345
		346	`@include media-breakpoint-only(md) {`
		347	`grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));`
		348	`column-gap: 40px;`
		349	`row-gap: 40px;`
		350	`}`
		351
		352	`@include media-breakpoint-between(xs, sm) {`
		353	`grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));`
		354	`column-gap: 0;`
		355	`row-gap: 80px;`
		356	`}`
		357	`}`
		358
		359	`.rui-block-testimonials-item {`
		360	`display: flex;`
		361	`flex-wrap: wrap;`
		362	`text-align: left;`
		363	`}`
		364
		365	`.rui-block-testimonials-img {`
		366	`width: 100%;`
		367	`margin-bottom: 30px;`
		368	`}`
		369
		370	`.rui-block-testimonials-rating {`
		371	`margin-bottom: 30px;`
		372
		373	`display: inline-flex;`
		374	`align-items: center;`
		375	`justify-content: space-between;`
		376
		377	`color: var(--primary-color-500);`
		378
		379	`svg {`
		380	`width: 16px;`
		381	`margin-right: 4px;`
		382
		383	`&:last-child {`
		384	`margin-right: 0;`
		385	`}`
		386	`}`
		387	`}`
		388
		389	`.rui-block-testimonials--quote {`
		390	`margin: 0 0 10px;`
		391	`font-size: 1.5rem;`
		392	`color: $body-color;`
		393
		394	`.theme-dark & {`
		395	`color: $dm-body-color;`
		396	`}`
		397	`}`
		398
		399	`.rui-block-testimonials--author {`
		400	`width: 100%;`
		401	`margin-bottom: 0;`
		402	`font-size: $font-size-md;`
		403	`font-weight: $font-weight-medium;`
		404	`color: $body-color;`
		405
		406	`.theme-dark & {`
		407	`color: $dm-body-color;`
		408	`}`
		409	`}`
		410
		411	`.rui-block-testimonials--additional {`
		412	`width: 100%;`
		413	`font-size: $font-size-xs;`
		414	`color: $body-color-light;`
		415
		416	`.theme-dark & {`
		417	`color: $dm-body-color-light;`
		418	`}`
		419	`}`
		420
		421
		422	`// Category`
		423	`.rui-card-cat-grid {`
		424	`width: 100%;`
		425	`display: grid;`
		426	`flex-wrap: wrap;`
		427	`gap: 10px;`
		428	`grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));`
		429	`}`
		430
		431	`.rui-block-category-item {`
		432	`padding: 15px;`
		433	`position: relative;`
		434
		435	`display: flex;`
		436	`justify-content: flex-start;`
		437	`align-items: center;`
		438
		439	`background-color: $container-bg;`
		440	`border: 2px solid $container-bg;`
		441	`border-radius: $btn-border-radius-md;`
		442
		443	`text-align: left;`
		444
		445	`.theme-dark & {`
		446	`background-color: $dm-black;`
		447	`border-color: $dm-black;`
		448	`}`
		449
		450	`img {`
		451	`.theme-dark & {`
		452	`filter: invert(1);`
		453	`}`
		454	`}`
		455
		456	`&:hover {`
		457	`background-color: $gray-100;`
		458	`text-decoration: none;`
		459
		460	`.theme-dark & {`
		461	`background-color: $dm-gray-100;`
		462	`}`
		463	`}`
		464
		465	`.badge-wrapper {`
		466	`margin: 10px 0;`
		467	`}`
		468	`}`
		469
		470	`.rui-block-category-item--icon {`
		471	`display: block;`
		472	`}`
		473
		474	`.badge-sale {`
		475	`border: 1px solid $red-600;`
		476	`color: $red-800;`
		477
		478	`.theme-dark & {`
		479	`border-color: $red-300;`
		480	`color: $red-200;`
		481	`}`
		482	`}`
		483
		484	`.badge-new {`
		485	`border: 1px solid $green-600;`
		486	`color: $green-800;`
		487
		488	`.theme-dark & {`
		489	`border-color: $green-300;`
		490	`color: $green-200;`
		491	`}`
		492	`}`
		493
		494	`.badge-soon {`
		495	`border: 1px solid $blue-700;`
		496	`color: $blue-800;`
		497
		498	`.theme-dark & {`
		499	`border-color: $blue-300;`
		500	`color: $blue-200;`
		501	`}`
		502	`}`
		503
		504	`.rui-block-category-item-title {`
		505	`width: 100%;`
		506	`margin: 0;`
		507	`font-size: $font-size-md;`
		508	`font-weight: $font-weight-bold;`
		509	`text-align: left;`
		510	`color: $body-color;`
		511
		512	`.theme-dark & {`
		513	`color: $dm-body-color;`
		514	`}`
		515	`}`
		516
		517	`.rui-block-category-item-subtitle {`
		518	`font-size: $font-size-xs;`
		519	`font-weight: $font-weight-medium;`
		520	`color: $body-color-light;`
		521
		522	`.theme-dark & {`
		523	`color: $dm-body-color-light;`
		524	`}`
		525	`}`
		526
		527	`// Block 13`
		528	`.rui-cta-wrapper--center {`
		529	`margin: 0 auto;`
		530	`padding: 100px;`
		531
		532	`@include media-breakpoint-only(md) {`
		533	`padding: 60px;`
		534	`}`
		535
		536	`@include media-breakpoint-between(xs, sm) {`
		537	`padding: 30px;`
		538	`max-width: 90%;`
		539	`margin: 0 auto;`
		540	`}`
		541	`}`
		542
		543	`.rui-cta-wrapper--left {`
		544	`padding: 100px 0 100px 100px;`
		545	`max-width: 700px;`
		546
		547	`@include media-breakpoint-only(md) {`
		548	`padding: 60px;`
		549	`}`
		550
		551	`@include media-breakpoint-between(xs, sm) {`
		552	`padding: 30px;`
		553	`max-width: 90%;`
		554	`margin: 0 auto;`
		555	`}`
		556	`}`
		557
		558	`.rui-cta-wrapper--right {`
		559	`padding: 100px 100px 100px 0;`
		560	`max-width: 700px;`
		561
		562	`@include media-breakpoint-only(md) {`
		563	`padding: 60px;`
		564	`}`
		565
		566	`@include media-breakpoint-between(xs, sm) {`
		567	`padding: 30px;`
		568	`max-width: 90%;`
		569	`margin: 0 auto;`
		570	`}`
		571	`}`
		572
		573	`.rui-cta-content {`
		574	`margin-bottom: 2rem;`
		575	`font-size: 1.5rem;`
		576	`opacity: .7;`
		577
		578	`@include media-breakpoint-between(xs, sm) {`
		579	`font-size: $font-size-md;`
		580	`}`
		581	`}`
		582
		583	`.rui-cta-subtitle {`
		584	`margin-bottom: 10px;`
		585	`font-family: $font-family-base;`
		586	`font-size: 1.25rem;`
		587	`line-height: 1.3;`
		588
		589	`@include media-breakpoint-between(xs, sm) {`
		590	`font-size: 1rem;`
		591
		592	`@include media-breakpoint-between(xs, sm) {`
		593	`font-size: .85rem;`
		594	`}`
		595	`}`
		596	`}`
		597
		598	`.rui-cta-title {`
		599	`margin-bottom: 10px;`
		600	`font-family: $font-family-base;`
		601	`font-size: 2rem;`
		602	`line-height: 1.3;`
		603
		604	`@include media-breakpoint-between(xs, sm) {`
		605	`font-size: 1.5rem;`
		606
		607	`@include media-breakpoint-between(xs, sm) {`
		608	`font-size: 1rem;`
		609	`}`
		610	`}`
		611	`}`
		612
		613	`.rui-cta-small {`
		614	`margin-top: $page-padding-global;`
		615	`font-size: $font-size-xs;`
		616	`opacity: .7;`
		617	`}`
		618
		619
		620	`// Cards`
		621	`.rui-card {`
		622	`padding: 30px;`
		623	`border: 1px solid $border-color;`
		624	`border-radius: $btn-border-radius-md;`
		625	`background-color: $container-bg;`
		626
		627	`.theme-dark & {`
		628	`border-color: $dm-border-color;`
		629	`background-color: $dm-container-bg;`
		630	`}`
		631	`}`
		632
		633	`.rui-color-card {`
		634	`padding: 30px;`
		635	`}`
		636
		637	`.rui-card-img-rounded,`
		638	`.rui-color-card,`
		639	`.rui-color-card-img {`
		640	`display: flex;`
		641	`}`
		642
		643	`.rui-img-rounded,`
		644	`.rui-img-rounded--md,`
		645	`.rui-img-rounded--lg,`
		646	`.rui-img-rounded--xl {`
		647	`img {`
		648	`display: flex;`
		649	`width: 100%;`
		650	`}`
		651	`}`
		652
		653	`.rui-rounded {`
		654	`border-radius: $btn-border-radius-md;`
		655	`}`
		656
		657	`.rui-rounded--md {`
		658	`border-radius: $btn-border-radius-md;`
		659	`}`
		660
		661	`.rui-rounded--lg {`
		662	`border-radius: $btn-border-radius-lg;`
		663	`}`
		664
		665	`.rui-rounded--xl {`
		666	`border-radius: $btn-border-radius-xl;`
		667	`}`
		668
		669	`.rui-img-rounded img {`
		670	`display: block!important;`
		671	`border-radius: $border-radius!important;`
		672	`}`
		673
		674	`.rui-img-rounded--md img {`
		675	`display: block!important;`
		676	`border-radius: $border-radius-md!important;`
		677	`}`
		678
		679	`.rui-img-rounded--lg img {`
		680	`display: block!important;`
		681	`border-radius: $border-radius-lg!important;`
		682	`}`
		683
		684	`.rui-img-rounded--xl img {`
		685	`display: block!important;`
		686	`border-radius: 60px!important;`
		687	`}`
		688
		689	`.rui-color-card {`
		690	`background-color: $gray-900;`
		691	`color: $gray-300;`
		692
		693	`transition: all 350ms cubic-bezier(0.45, 0.05, 0.55, 0.95);`
		694
		695	`.rui-card-title {`
		696	`font-size: $font-size-base;`
		697	`}`
		698
		699	`h1,`
		700	`h2,`
		701	`h3,`
		702	`h4,`
		703	`h5 {`
		704	`font-weight: $font-weight-medium;`
		705	`color: $white;`
		706	`}`
		707
		708	`.rui-card-text {`
		709	`font-size: $font-size-sm;`
		710	`}`
		711	`}`
		712
		713	`.rui-card-item:hover {`
		714	`.rui-color-card {`
		715	`transform: translateY(-20px);`
		716	`}`
		717	`}`
		718
		719
		720	`.rui-card-title {`
		721	`font-size: 1.125rem;`
		722	`color: $body-color;`
		723
		724	`.theme-dark & {`
		725	`color: $dm-body-color;`
		726	`}`
		727
		728	`.rui-color-card & {`
		729	`color: inherit;`
		730	`}`
		731	`}`
		732
		733	`.rui-card-title--light {`
		734	`font-size: $font-size-md;`
		735	`font-weight: $font-weight-medium;`
		736	`color: $body-color-light;`
		737
		738	`.theme-dark & {`
		739	`color: $dm-body-color-light;`
		740	`}`
		741
		742	`.rui-color-card & {`
		743	`color: inherit;`
		744	`}`
		745	`}`
		746
		747	`.rui-card-text {`
		748	`font-size: $font-size-base;`
		749	`color: $body-color-secondary;`
		750
		751	`.theme-dark & {`
		752	`color: $dm-body-color-secondary;`
		753	`}`
		754
		755	`.rui-color-card & {`
		756	`color: inherit;`
		757	`}`
		758	`}`
		759
		760	`.rui-card-text--lg {`
		761	`font-size: 1.125px; // 18px`
		762	`color: $body-color-secondary;`
		763	`opacity: .7;`
		764
		765	`.theme-dark & {`
		766	`color: $dm-body-color-secondary;`
		767	`}`
		768
		769	`.rui-color-card & {`
		770	`color: inherit;`
		771	`}`
		772	`}`
		773
		774	`.rui-card-text--md {`
		775	`font-size: $font-size-md;`
		776	`color: $body-color-light;`
		777
		778	`.theme-dark & {`
		779	`color: $dm-body-color-light;`
		780	`}`
		781
		782	`.rui-color-card & {`
		783	`color: inherit;`
		784	`}`
		785	`}`
		786
		787	`.rui-card--with-img {`
		788	`display: inline-flex;`
		789	`align-items: center;`
		790	`width: 100%;`
		791
		792	`@include media-breakpoint-between(xs, sm) {`
		793	`display: block;`
		794	`text-align: center;`
		795	`}`
		796	`}`
		797
		798	`.rui-card-btn-link {`
		799	`font-size: $font-size-md;`
		800	`font-weight: $font-weight-medium;`
		801	`color: $body-color;`
		802
		803	`.theme-dark & {`
		804	`color: $dm-body-color;`
		805	`}`
		806
		807	`}`
		808
		809
		810	`// Pricing table`
		811	`.rui-pricing-table-title {`
		812	`font-size: 1.5rem; //24px`
		813	`font-weight: $font-weight-bold;`
		814	`text-align: center;`
		815	`}`
		816
		817	`.rui-pricing-table-price {`
		818	`margin: 20px 0;`
		819	`font-size: 2rem; //32px`
		820	`font-weight: $font-weight-bold;`
		821	`text-align: center;`
		822	`color: $body-color;`
		823
		824	`.theme-dark & {`
		825	`color: $dm-body-color;`
		826	`}`
		827
		828	`.rui-pricing-table-price--smaller {`
		829	`font-size: 1.5rem; //24px`
		830	`color: $body-color-light;`
		831
		832	`.theme-dark & {`
		833	`color: $dm-body-color-light;`
		834	`}`
		835	`}`
		836	`}`
		837
		838	`.rui-pricing-table-text {`
		839	`margin-top: 10px;`
		840
		841	`font-size: $font-size-md;`
		842	`text-align: center;`
		843	`color: $body-color-secondary;`
		844
		845	`.theme-dark & {`
		846	`color: $dm-body-color-secondary;`
		847	`}`
		848	`}`
		849
		850	`.rui-special-list {`
		851	`margin: 20px;`
		852	`padding: 0;`
		853	`list-style: none !important;`
		854	`flex-wrap: wrap;`
		855
		856	`font-size: $font-size-md;`
		857	`line-height: 2;`
		858	`color: $body-color-secondary;`
		859
		860	`.theme-dark & {`
		861	`color: $dm-body-color-secondary;`
		862	`}`
		863
		864	`li {`
		865	`padding-left: 26px;`
		866	`margin-right: 20px;`
		867	`margin-bottom: 10px;`
		868	`position: relative;`
		869
		870	`&:before {`
		871	`content: '';`
		872	`background-repeat: no-repeat;`
		873	`background-size: 13px;`
		874	`background-position: center;`
		875
		876	`position: absolute;`
		877	`top: 4px;`
		878	`left: 0;`
		879	`width: 18px;`
		880	`height: 18px;`
		881	`border-radius: 18px;`
		882	`}`
		883
		884	`&.list-icon-x {`
		885	`opacity: .8;`
		886
		887	`&:before {`
		888	`background-color: $gray-100;`
		889	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");`
		890
		891	`.theme-dark & {`
		892	`background-color: $dm-gray-100;`
		893	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");`
		894	`}`
		895
		896	`}`
		897	`}`
		898	`}`
		899	`}`
		900
		901	`.rui-special-list--light {`
		902	`li {`
		903	`&:before {`
		904	`background-color: $gray-100;`
		905	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		906
		907	`.theme-dark & {`
		908	`background-color: $dm-gray-100;`
		909	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-gray-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		910	`}`
		911	`}`
		912	`}`
		913	`}`
		914
		915	`.rui-special-list--primary {`
		916	`li {`
		917	`&:before {`
		918	`background-color: var(--primary-color-200);`
		919	`background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($gray-800)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");`
		920	`}`
		921	`}`
		922	`}`
		923
		924	`.rui-pricing-table {`
		925	`padding: 30px 40px;`
		926	`border-style: solid;`
		927	`border-color: $border-color;`
		928	`border-width: 1px 0;`
		929
		930	`@include media-breakpoint-up(lg) {`
		931	`&:first-of-type {`
		932	`border-radius: $border-radius 0 0 $border-radius-md;`
		933	`border-width: 1px;`
		934	`}`
		935
		936	`&:last-of-type {`
		937	`border-radius: 0 $border-radius $border-radius 0;`
		938	`border-width: 1px;`
		939	`}`
		940	`}`
		941
		942	`@include media-breakpoint-between(xs, md) {`
		943	`margin: 10px 0;`
		944	`border-radius: $btn-border-radius-md;`
		945	`border-width: 1px;`
		946	`}`
		947
		948	`}`
		949
		950	`.rui-pricing-table--special {`
		951	`background-color: var(--primary-color-100);`
		952	`border-color: var(--primary-color-300);`
1441	ariadna	953	`border-left: 2px dashed var(--primary-color-300) !important;`
1	efrain	954
		955	`.theme-dark & {`
1441	ariadna	956	`background-color: var(--primary-color-800);`
1	efrain	957	`border-color: var(--main-theme-color);`
		958	`}`
		959
		960	`@include media-breakpoint-between(xs, md) {`
		961	`border-left: 1px solid var(--primary-color-300);`
		962
		963	`.theme-dark & {`
		964	`border-color: var(--main-theme-color) !important;`
		965	`}`
		966	`}`
		967	`}`
		968
		969	`.rui-fp-block--11,`
		970	`.rui-fp-block--12 {`
		971
		972	`.swiper-button-prev,`
		973	`.swiper-button-next {`
		974	`top: 160px;`
		975	`}`
		976	`}`
		977
		978	`.rui-fp-block-mb {`
		979	`margin-bottom: 30px;`
		980	`}`
		981
		982	`.rui-fp-block {`
		983	`.swiper-button-next {`
		984	`top: calc(50% - 45px);`
		985	`}`
		986	`}`
		987
		988	`.rui-fp-block--cta {`
		989	`padding: 60px 80px;`
		990
		991	`background-color: var(--primary-color-100);`
		992	`border-radius: $btn-border-radius-md;`
		993
		994	`.theme-dark & {`
1441	ariadna	995	`background-color: var(--primary-color-800);`
1	efrain	996	`}`
		997
		998	`@include media-breakpoint-only(md) {`
		999	`padding: 40px;`
		1000	`}`
		1001
		1002	`@include media-breakpoint-between(xs, sm) {`
		1003	`padding: 25px;`
		1004	`}`
		1005
		1006	`.swiper {`
		1007	`padding: 0 0 45px 0;`
		1008	`}`
		1009	`}`
		1010
		1011	`.rui-fp-block--1,`
		1012	`.rui-fp-block--4 {`
		1013	`.swiper-wrapper {`
		1014	`border-radius: $btn-border-radius-lg;`
		1015	`overflow: hidden;`
		1016	`}`
		1017	`}`
		1018
		1019	`// Block 23`
		1020	`.rui-card-item {`
		1021	`transition: $transition-base;`
		1022
		1023	`&:hover {`
		1024	`transform: translateY(-3px);`
		1025	`}`
		1026
		1027	`&.swiper-slide:hover {`
		1028	`transform: none;`
		1029	`}`
		1030
		1031	`.rui-card-item-img {`
		1032	`max-width: 200px;`
		1033
		1034	`@include media-breakpoint-between(xs, sm) {`
		1035	`max-width: 100%;`
		1036	`}`
		1037
		1038	`img {`
		1039	`width: 100%;`
		1040	`border: 4px solid $white;`
		1041	`}`
		1042	`}`
		1043	`}`
		1044
		1045	`// Block--1 -> Hero Slider`
		1046	`.rui-hero-content {`
		1047	`color: inherit;`
		1048
		1049	`@include media-breakpoint-up(lg) {`
		1050	`max-width: 600px;`
		1051	`}`
		1052	`@include media-breakpoint-between(xs, lmd) {`
		1053	`width: 100%;`
		1054	`}`
		1055	`}`
		1056
		1057	`.rui-hero-bg {`
		1058	`@include media-breakpoint-between(xs, sm) {`
		1059	`background-size: cover;`
		1060	`background-repeat: no-repeat;`
		1061	`background-position: center;`
		1062	`}`
		1063	`}`
		1064
		1065	`.rui-hero-content-backdrop {`
		1066	`padding: 45px 60px;`
		1067	`border-radius: $btn-border-radius-lg;`
		1068
		1069	`@include media-breakpoint-between(xs, sm) {`
		1070	`background-color: $container-bg;`
		1071	`padding: 30px 10px;`
		1072	`border-radius: 0;`
		1073
		1074	`.theme-dark & {`
		1075	`background-color: $dm-container-bg;`
		1076	`}`
		1077	`}`
		1078	`}`
		1079
		1080	`$block1-wrapper-bg: #000 !default;`
		1081	`$block2-wrapper-bg: #000 !default;`
		1082	`$block3-wrapper-bg: #000 !default;`
		1083	`$block4-wrapper-bg: #000 !default;`
		1084
		1085	`.rui-hero-content-backdrop--block1 {`
		1086	`background-color: $block1-wrapper-bg;`
		1087	`}`
		1088
		1089	`.rui-hero-content-backdrop--block2 {`
		1090	`background-color: $block2-wrapper-bg;`
		1091	`}`
		1092
		1093	`.rui-hero-content-backdrop--block3 {`
		1094	`background-color: $block3-wrapper-bg;`
		1095	`}`
		1096
		1097	`.rui-hero-content-backdrop--block4 {`
		1098	`background-color: $block4-wrapper-bg;`
		1099	`}`
		1100
		1101	`.rui-fp-block--1 {`
		1102	`.rui-hero-bg {`
		1103	`background-color: $block1-wrapper-bg;`
		1104	`}`
		1105	`}`
		1106
		1107	`.rui-fp-block--4 {`
		1108	`.rui-hero-bg {`
		1109	`background-color: $block4-wrapper-bg;`
		1110	`}`
		1111	`}`
		1112
		1113	`@include media-breakpoint-between(xs, sm) {`
		1114	`.rui-fp-block--1,`
		1115	`.rui-fp-block--4 {`
		1116	`.swiper-wrapper {`
		1117	`border: 1px solid $border-color;`
		1118	`border-radius: $btn-border-radius;`
		1119
		1120	`.theme-dark & {`
		1121	`border-color: $dm-border-color;`
		1122	`}`
		1123	`}`
		1124	`}`
		1125	`}`
		1126
		1127
		1128	`.rui-hero-content-position {`
		1129	`position: absolute;`
		1130	`z-index: 3;`
		1131
		1132	`@include media-breakpoint-between(xs, sm) {`
		1133	`position: relative;`
		1134	`top: 0 !important;`
		1135	`text-align: center;`
		1136
		1137	`p {`
		1138	`text-align: center!important;`
		1139	`}`
		1140	`}`
		1141	`}`
		1142
		1143	`.rui-hero-content-centered {`
		1144	`width: 500px;`
		1145
		1146	`text-align: center;`
		1147	`left: calc(50% - 250px);`
		1148
		1149	`@include media-breakpoint-between(xs, sm) {`
		1150	`width: 100%;`
		1151	`left: 0;`
		1152	`}`
		1153	`}`
		1154
		1155	`.rui-hero-content-left {`
		1156	`left: 100px;`
		1157
		1158	`@include media-breakpoint-only(md) {`
		1159	`text-align: center;`
		1160	`width: 500px;`
		1161	`left: calc(50% - 250px);`
		1162	`}`
		1163
		1164	`@include media-breakpoint-between(xs, sm) {`
		1165	`text-align: center;`
		1166	`width: 100%;`
		1167	`left: 0;`
		1168
		1169	`p {`
		1170	`text-align: center!important;`
		1171	`}`
		1172	`}`
		1173	`}`
		1174
		1175	`.rui-hero-content-right {`
		1176	`left: auto;`
		1177	`right: 100px;`
		1178
		1179	`@include media-breakpoint-only(md) {`
		1180	`text-align: center;`
		1181	`width: 500px;`
		1182	`right: calc(50% - 250px);`
		1183	`}`
		1184
		1185	`@include media-breakpoint-between(xs, sm) {`
		1186	`text-align: center;`
		1187	`width: 300px;`
		1188	`left: calc(50% - 150px);`
		1189
		1190	`p {`
		1191	`text-align: center!important;`
		1192	`}`
		1193	`}`
		1194	`}`
		1195
		1196	`.rui-hero-title {`
		1197	`@include media-breakpoint-up(lg) {`
		1198	`font-size: 40px;`
		1199	`line-height: 1.3;`
		1200	`}`
		1201
		1202	`@include media-breakpoint-only(md) {`
		1203	`font-size: 30px;`
		1204	`line-height: 1.3;`
		1205	`}`
		1206
		1207	`@include media-breakpoint-between(xs, sm) {`
		1208	`font-size: 20px;`
		1209	`line-height: 1.3;`
		1210	`}`
		1211
		1212	`@include media-breakpoint-between(xs, sm) {`
		1213	`color: $body-color;`
		1214
		1215	`.theme-dark & {`
		1216	`color: $dm-body-color;`
		1217	`}`
		1218	`}`
		1219	`}`
		1220
		1221	`.rui-hero-title-lg {`
		1222	`@include media-breakpoint-up(lg) {`
		1223	`font-size: 60px;`
		1224	`line-height: 1.2;`
		1225	`}`
		1226
		1227	`@include media-breakpoint-only(md) {`
		1228	`font-size: 40px;`
		1229	`line-height: 1.3;`
		1230	`}`
		1231
		1232	`@include media-breakpoint-between(xs, sm) {`
		1233	`font-size: 20px;`
		1234	`line-height: 1.3;`
		1235	`}`
		1236	`}`
		1237
		1238	`.rui-hero-title-xl {`
		1239	`@include media-breakpoint-up(lg) {`
		1240	`font-size: 80px;`
		1241	`line-height: 1.1;`
		1242	`word-break: break-all;`
		1243	`}`
		1244
		1245	`@include media-breakpoint-only(md) {`
		1246	`font-size: 40px;`
		1247	`line-height: 1.3;`
		1248	`}`
		1249
		1250	`@include media-breakpoint-between(xs, sm) {`
		1251	`font-size: 20px;`
		1252	`line-height: 1.3;`
		1253	`}`
		1254	`}`
		1255
		1256	`.rui-hero-title+.rui-hero-desc {`
		1257	`margin: 20px 0 0;`
		1258	`}`
		1259
		1260	`.rui-hero-desc {`
		1261	`font-size: 1.125rem;`
		1262
		1263	`@include media-breakpoint-only(md) {`
		1264	`font-size: .85rem;`
		1265	`}`
		1266
		1267	`@include media-breakpoint-between(xs, sm) {`
		1268	`font-size: $font-size-md;`
		1269	`color: $body-color;`
		1270
		1271	`.theme-dark & {`
		1272	`color: $dm-body-color;`
		1273	`}`
		1274	`}`
		1275	`}`
		1276
		1277	`.rui-hero-btns {`
		1278	`margin-top: $page-padding-global;`
		1279	`}`
		1280
		1281	`// Swiper inside bloks with arrows`
		1282	`.rui--swiper-arrows {`
		1283	`padding-right: 80px !important;`
		1284	`padding-left: 80px !important;`
		1285	`}`
		1286
		1287
		1288	`.rui-img--rounded-fluid img {`
		1289	`max-width: 100%;`
		1290	`height: auto;`
		1291	`border-radius: $btn-border-radius-md;`
		1292	`}`
		1293
		1294
		1295	`// 2 col imgs with caption`
		1296	`.rui-text-content--absolute {`
		1297	`padding: 80px;`
		1298
		1299	`color: $white;`
		1300
		1301	`.rui-text-content-heading {`
		1302	`font-size: 2rem;`
		1303	`font-weight: $font-weight-bold;`
		1304	`color: $white;`
		1305	`}`
		1306	`}`
		1307
		1308
		1309	`// Hero IMG`
		1310	`.rui-hero-img {`
		1311	`width: 100%;`
		1312	`overflow: hidden;`
		1313	`border-radius: $btn-border-radius-lg;`
		1314
		1315	`position: relative;`
		1316	`}`
		1317
		1318
		1319	`// Hero Video`
		1320	`.rui-hero-video {`
		1321	`width: 100%;`
		1322	`height: 600px;`
		1323	`overflow: hidden;`
		1324	`border-radius: $btn-border-radius-lg;`
		1325
		1326	`position: relative;`
		1327
		1328	`.vidbg-container {`
		1329	`width: 100%;`
		1330	`}`
		1331	`}`
		1332
		1333	`// Default moodle front page blocks`
		1334	`#site-news-forum,`
		1335	`#frontpage-category-combo,`
		1336	`#frontpage-course-list,`
		1337	`#frontpage-available-course-list {`
		1338	`.rui-title-container .rui-main-content-title {`
		1339	`margin: $block-el-margin-bottom 0;`
		1340
		1341	`display: block;`
		1342
		1343	`font-size: 3rem;`
		1344	`font-weight: $font-weight-bold;`
		1345	`text-align: center;`
		1346	`color: $body-color;`
		1347
		1348	`.theme-dark & {`
		1349	`color: $dm-body-color;`
		1350	`}`
		1351
		1352	`@include media-breakpoint-only(md) {`
		1353	`font-size: 2.5rem; // 40px`
		1354	`}`
		1355
		1356	`@include media-breakpoint-between(xs, sm) {`
		1357	`font-size: 1.5rem; // 24px`
		1358	`}`
		1359	`}`
		1360	`}`
		1361
		1362	`.sitetopic {`
		1363	`width: $wrapper-md;`
		1364	`margin: 0 auto;`
		1365
		1366	`@include media-breakpoint-between(xs, md) {`
		1367	`width: 100%;`
		1368	`}`
		1369	`}`
		1370
		1371
		1372	`// Front page blocks - elements`
		1373	`.rui-icon-box {`
		1374	`width: 60px;`
		1375	`height: 60px;`
		1376	`border-radius: 60px;`
		1377
		1378	`display: flex;`
		1379	`justify-content: center;`
		1380	`align-items: center;`
		1381	`}`
		1382
		1383	`.rui-icon-box--primary-light {`
		1384	`background-color: var(--primary-color-100);`
		1385	`color: var(--main-theme-color);`
		1386
		1387	`.theme-dark & {`
		1388	`background-color: var(--main-theme-color);`
		1389	`color: var(--primary-color-100);`
		1390	`}`
		1391	`}`
		1392
		1393	`.rui-icon-box--primary {`
		1394	`background-color: var(--main-theme-color);`
		1395	`color: var(--primary-color-100);`
		1396	`}`
		1397
		1398	`.rui-icon-box--gray {`
		1399	`background-color: $gray-100;`
		1400	`color: $gray-600;`
		1401
		1402	`.theme-dark & {`
		1403	`background-color: $dm-gray-100;`
		1404	`color: $dm-gray-600;`
		1405	`}`
		1406	`}`
		1407
		1408	`.rui-icon-box--black {`
		1409	`background-color: $black;`
		1410	`color: $gray-100;`
		1411
		1412	`.theme-dark & {`
		1413	`background-color: $white;`
		1414	`color: $black;`
		1415	`}`
		1416	`}`
		1417
		1418	`.rui-icon-box--white {`
		1419	`background-color: $white;`
		1420	`color: $gray-900;`
		1421
		1422	`.theme-dark & {`
		1423	`background-color: $black;`
		1424	`color: $white;`
		1425	`}`
		1426	`}`
		1427
		1428	`.rui-block-text--secondary {`
		1429	`color: $body-color-secondary;`
		1430	`}`
		1431
		1432	`.rui-block-text--light {`
		1433	`color: $body-color-light;`
		1434	`}`
		1435
		1436	`.rui-block-text--1 {`
		1437	`font-size: $font-size-lg;`
		1438	`}`
		1439
		1440	`.rui-block-text--2 {`
		1441	`font-size: $font-size-md;`
		1442	`}`
		1443
		1444	`.rui-block-text--3 {`
		1445	`font-size: $font-size-xs;`
		1446	`}`
		1447
		1448	`.rui-rounded-icon {`
		1449	`display: inline-flex;`
		1450	`align-items: center;`
		1451
		1452	`border-radius: 40px;`
		1453	`padding: 10px;`
		1454
		1455	`img,`
		1456	`svg {`
		1457	`width: 24px;`
		1458	`height: auto;`
		1459	`}`
		1460	`}`
		1461
		1462	`.rui-rounded-icon--color {`
		1463	`background-color: var(--primary-color-100);`
		1464	`color: var(--main-theme-color);`
		1465
		1466	`.theme-dark & {`
		1467	`background-color: var(--main-theme-color);`
		1468	`color: var(--primary-color-100);`
		1469	`}`
		1470	`}`
		1471
		1472	`.rui-rounded-icon--gray {`
		1473	`background-color: $gray-100;`
		1474	`color: $gray-800;`
		1475
		1476	`.theme-dark & {`
		1477	`background-color: $dm-gray-100;`
		1478	`color: $dm-gray-800;`
		1479	`}`
		1480	`}`
		1481
		1482
		1483	`.rui-card--colorized {`
		1484	`padding: 60px;`
		1485	`color: $body-color;`
		1486
		1487	`.theme-dark & {`
		1488	`color: $dm-body-color;`
		1489	`background-color: $dm-gray-100!important;`
		1490	`}`
		1491
		1492	`@include media-breakpoint-between(xs, sm) {`
		1493	`padding: 30px;`
		1494	`}`
		1495
		1496	`.rui-card-text,`
		1497	`.lead-1,`
		1498	`.lead-2,`
		1499	`.lead-3,`
		1500	`.lead-4,`
		1501	`.display-1,`
		1502	`.display-2,`
		1503	`.display-3,`
		1504	`.display-4 {`
		1505	`color: $body-color;`
		1506
		1507	`.theme-dark & {`
		1508	`color: $dm-body-color;`
		1509	`}`
		1510	`}`
		1511
		1512	`}`
		1513
		1514	`// Margins`
		1515	`.rui-fp-block-mt {`
		1516	`margin-top: 80px;`
		1517
		1518	`@include media-breakpoint-between(xs, sm) {`
		1519	`margin-top: 40px;`
		1520	`}`
		1521	`}`
		1522
		1523	`.rui-fp-block-mb {`
		1524	`margin-bottom: 60px;`
		1525
		1526	`@include media-breakpoint-between(xs, sm) {`
		1527	`margin-bottom: 30px;`
		1528	`}`
		1529	`}`
		1530
		1531	`//`
		1532
		1533	`//Grid Content UI`
		1534	`.rui-fp-content-box--left,`
		1535	`.rui-fp-content-box--right,`
		1536	`.rui-img--rounded-left,`
		1537	`.rui-img--rounded-right {`
		1538	`overflow: hidden;`
		1539	`}`
		1540
		1541	`.rui-fp-grid-content--1,`
		1542	`.rui-fp-grid-content--3 {`
		1543	`.rui-fp-content-box {`
		1544	`background-color: $gray-100;`
		1545
		1546	`.theme-dark & {`
		1547	`background-color: $dm-gray-100;`
		1548	`}`
		1549
		1550	`@include media-breakpoint-up(md) {`
		1551	`padding: 80px;`
		1552	`}`
		1553
		1554	`@include media-breakpoint-between(xs, sm) {`
		1555	`padding: 30px;`
		1556	`}`
		1557	`}`
		1558
		1559
		1560	`@include media-breakpoint-up(lg) {`
		1561	`.rui-fp-content-box--left {`
		1562	`border-radius: 60px 0 60px 60px;`
		1563	`}`
		1564
		1565	`.rui-fp-content-box--right {`
		1566	`border-radius: 0 60px 60px 60px;`
		1567	`}`
		1568
		1569	`.rui-img--rounded-left {`
		1570	`border-radius: 60px 0 60px 60px;`
		1571	`}`
		1572
		1573	`.rui-img--rounded-right {`
		1574	`border-radius: 0 60px 60px 60px;`
		1575	`}`
		1576	`}`
		1577
		1578	`@include media-breakpoint-between(xs, md) {`
		1579
		1580	`.rui-fp-content-box--left,`
		1581	`.rui-fp-content-box--right,`
		1582	`.rui-img--rounded-left,`
		1583	`.rui-img--rounded-right {`
		1584	`border-radius: $btn-border-radius-lg;`
		1585	`}`
		1586	`}`
		1587
		1588	`}`
		1589
		1590	`.rui-fp-grid-content--2 {`
		1591	`.rui-fp-content-box {`
		1592	`background-color: $gray-100;`
		1593
		1594	`.theme-dark & {`
		1595	`background-color: $dm-gray-100;`
		1596	`}`
		1597
		1598	`@include media-breakpoint-up(md) {`
		1599	`padding: 80px;`
		1600	`}`
		1601
		1602	`@include media-breakpoint-between(xs, sm) {`
		1603	`padding: 30px;`
		1604	`}`
		1605	`}`
		1606
		1607	`@include media-breakpoint-up(lg) {`
		1608	`.rui-fp-content-box--left {`
		1609	`border-radius: 60px 60px 0 60px;`
		1610	`}`
		1611
		1612	`.rui-fp-content-box--right {`
		1613	`border-radius: 60px 60px 60px 0;`
		1614	`}`
		1615
		1616	`.rui-img--rounded-left {`
		1617	`border-radius: 60px 60px 0 60px;`
		1618	`}`
		1619
		1620	`.rui-img--rounded-right {`
		1621	`border-radius: 60px 60px 60px 0;`
		1622	`}`
		1623	`}`
		1624
		1625	`@include media-breakpoint-between(xs, md) {`
		1626
		1627	`.rui-fp-content-box--left,`
		1628	`.rui-fp-content-box--right,`
		1629	`.rui-img--rounded-left,`
		1630	`.rui-img--rounded-right {`
		1631	`border-radius: $btn-border-radius-lg;`
		1632	`}`
		1633	`}`
		1634	`}`
		1635
		1636
		1637	`.rui-fp-grid-content--3 {`
		1638	`.rui-fp-content-box {`
		1639	`@include media-breakpoint-up(md) {`
		1640	`padding: 80px;`
		1641	`}`
		1642
		1643	`@include media-breakpoint-between(xs, sm) {`
		1644	`padding: 30px;`
		1645	`}`
		1646	`}`
		1647	`}`
		1648
		1649	`.rui-fp-grid-content--4 {`
		1650	`.rui-fp-content-box {`
		1651
		1652	`@include media-breakpoint-up(md) {`
		1653	`padding: 80px;`
		1654	`}`
		1655
		1656	`@include media-breakpoint-between(xs, sm) {`
		1657	`padding: 30px;`
		1658	`}`
		1659	`}`
		1660
		1661	`@include media-breakpoint-up(lg) {`
		1662	`.rui-fp-content-box--left {`
		1663	`border-radius: 120px 120px 0 120px;`
		1664	`}`
		1665
		1666	`.rui-fp-content-box--right {`
		1667	`border-radius: 120px 120px 120px 0;`
		1668	`}`
		1669
		1670	`.rui-img--rounded-left {`
		1671	`border-radius: 120px 120px 0 120px;`
		1672	`}`
		1673
		1674	`.rui-img--rounded-right {`
		1675	`border-radius: 120px 120px 120px 0;`
		1676	`}`
		1677	`}`
		1678
		1679	`@include media-breakpoint-between(xs, md) {`
		1680
		1681	`.rui-fp-content-box--left,`
		1682	`.rui-fp-content-box--right,`
		1683	`.rui-img--rounded-left,`
		1684	`.rui-img--rounded-right {`
		1685	`border-radius: 120px;`
		1686	`}`
		1687	`}`
		1688	`}`
		1689
		1690	`.rui-fp-grid-content--5 {`
		1691	`.rui-fp-content-box {`
		1692	`background-color: var(--primary-color-100);`
		1693
		1694	`.theme-dark & {`
		1695	`background-color: $dm-black;`
		1696	`}`
		1697
		1698	`@include media-breakpoint-up(md) {`
		1699	`padding: 80px;`
		1700	`}`
		1701
		1702	`@include media-breakpoint-between(xs, sm) {`
		1703	`padding: 30px;`
		1704	`}`
		1705	`}`
		1706
		1707	`@include media-breakpoint-up(lg) {`
		1708	`.rui-fp-content-box--left {`
		1709	`border-radius: 60px 60px 0 60px;`
		1710	`}`
		1711
		1712	`.rui-fp-content-box--right {`
		1713	`border-radius: 60px 60px 60px 0;`
		1714	`}`
		1715
		1716	`.rui-img--rounded-left {`
		1717	`border-radius: 60px 60px 0 60px;`
		1718	`}`
		1719
		1720	`.rui-img--rounded-right {`
		1721	`border-radius: 60px 60px 60px 0;`
		1722	`}`
		1723	`}`
		1724
		1725	`@include media-breakpoint-between(xs, md) {`
		1726
		1727	`.rui-fp-content-box--left,`
		1728	`.rui-fp-content-box--right,`
		1729	`.rui-img--rounded-left,`
		1730	`.rui-img--rounded-right {`
		1731	`border-radius: $btn-border-radius-lg;`
		1732	`}`
		1733	`}`
		1734	`}`
		1735
		1736	`.rui-img-box--anim {`
		1737	`overflow: hidden;`
		1738	`height: 100%;`
		1739	`box-sizing: border-box;`
		1740	`display: block;`
		1741	`position: relative;`
		1742	`height: 100%;`
		1743
		1744	`img {`
		1745	`transition: all 350ms ease-in-out;`
		1746
		1747	`box-sizing: border-box;`
		1748	`display: block;`
		1749	`position: absolute;`
		1750	`width: 100%;`
		1751	`height: 100%;`
		1752	`object-fit: cover;`
		1753	`}`
		1754
		1755	`&:hover {`
		1756	`img {`
		1757	`transform: scale(1.1);`
		1758	`}`
		1759	`}`
		1760	`}`
		1761
		1762	`.rui-list--gap {`
1441	ariadna	1763	`display: flex;`
		1764	`flex-wrap: wrap;`
		1765	`gap: 60px;`
1	efrain	1766	`}`
		1767
		1768	`.rui-img-mask--grayscale {`
		1769	`img {`
		1770	`filter: grayscale(1);`
		1771	`}`
		1772	`}`
1441	ariadna	1773
		1774	`// Video Popup`
		1775	`#video-popup {`
		1776	`background-color: rgb(25, 25, 25);`
		1777	`position: fixed;`
		1778	`left: 0;`
		1779	`top: 0;`
		1780	`z-index: 99999;`
		1781	`width: 100%;`
		1782	`height: 100%;`
		1783	`display: flex;`
		1784	`align-items: center;`
		1785	`justify-content: center;`
		1786	`opacity: 0;`
		1787	`visibility: hidden;`
		1788	`transition: 500ms all;`
		1789	`}`
		1790
		1791	`#video-popup:target {`
		1792	`opacity: 1;`
		1793	`visibility: visible;`
		1794	`}`
		1795
		1796	`.vpopup {`
		1797	`width: 75%;`
		1798	`height: 600px;`
		1799	`overflow: hidden;`
		1800	`transform: scale(0.6);`
		1801	`transition: 500ms all;`
		1802	`position: relative;`
		1803	`}`
		1804
		1805	`.vpopup-video {`
		1806	`width: 100%;`
		1807	`height: 100%;`
		1808	`object-fit: cover;`
		1809	`}`
		1810
		1811	`#video-popup:target .vpopup {`
		1812	`transform: scale(1);`
		1813	`}`
		1814
		1815	`.video-container {`
		1816	`background-size: cover;`
		1817	`position: relative;`
		1818	`border-radius: $btn-border-radius;`
		1819	`width: 200px;`
		1820	`height: 130px;`
		1821	`background-color: $gray-200;`
		1822	`transition: 350ms ease all;`
		1823
		1824	`&:hover {`
		1825	`transform: scale(1.05);`
		1826	`}`
		1827	`}`
		1828
		1829	`.vpopup-play {`
		1830	`&::before {`
		1831	`display: none;`
		1832	`}`
		1833
		1834	`position: absolute;`
		1835	`top: calc(50% - 40px);`
		1836	`left: calc(50% - 40px);`
		1837
		1838	`i {`
		1839	`color: #fff;`
		1840	`font-size: 60px;`
		1841	`transition: all 0.5s ease;`
		1842
		1843	`padding: 10px;`
		1844	`border-radius: 100%;`
		1845
		1846	`}`
		1847
		1848	`i:hover {`
		1849	`opacity: .7;`
		1850	`color: #fff;`
		1851	`}`
		1852
		1853	`}`
		1854
		1855	`.vpopup-close {`
		1856	`position: absolute;`
		1857	`color: #fff;`
		1858	`left: 50%;`
		1859	`top: 10%;`
		1860	`transform: translate(-50%, -50%);`
		1861
		1862	`a::before {`
		1863	`display: none;`
		1864	`}`
		1865
		1866	`i {`
		1867	`color: #fff;`
		1868	`font-size: 50px;`
		1869	`transition: all 0.5s ease;`
		1870	`}`
		1871
		1872	`a i:hover {`
		1873	`color: white;`
		1874	`font-size: 70px;`
		1875	`}`
		1876	`}`
		1877
		1878	`// Video Popup End.`

Proyectos de Subversion Moodle

(root)/theme/universe/scss/moodle/frontpage.scss – Rev 1441