/*
Theme Name: Hello Elementor Child
Description: Made by CliqAlly
Template: hello-elementor
Version: 1.0
Author: CliqAlly
Author URI: www.cliqally.com
Text Domain: hello-elementor-child
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


.elementor-icon-list-text{
	& a{
		display: inline !important;
    	color: #128c44;
		text-decoration: underline;
	}
}

select {
    border: 1px solid #bebebe !important;
    border-radius: 10px !important;
    padding: 1rem !important;
}

select:focus{
    border-color: #128c44 !important;
}
.footer-dev{
/* 	a{
		color: #202020 !important;
	} */
	
	.hlt-grd-wt,
	a{
		font-weight: 600;
		font-style: normal;
		background: -webkit-linear-gradient(left, #558cba, #fa925b, #131a46);
		background: -o-linear-gradient(right, #558cba, #fa925b, #131a46);
		background: -moz-linear-gradient(right, #558cba, #fa925b, #131a46);
		background: linear-gradient(to right, #558cba, #fa925b, #131a46);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}
.top-text{
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    vertical-align: top;
}

.acf-pdf-btn{
	&:before{
		content: url(https://thehostbyolfu.com/wp-content/uploads/2025/09/PDF.png);
		margin-right: 6px;
	}
	
    background-color: var(--e-global-color-primary);
    padding: 12px 20px;
    margin-top: 4px;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
	
	&:hover{
		color: #fff !important;
	}
}

.dfmsg{
	font-style: italic;
    color: #a0a0a0;
    font-size: 13px;
}

select {
    display: block;
    background: #f0f0f0;
}



.conference-image{
	& img{
		width: 100%;
	}
}

.wpcf7-form{
	label{
		font-family: "Roboto", sans-serif;
    	color: #000;
		width: 100%;
		
		input[type=text],
		input[type=email]{
			margin-top: 10px;
			border: 1px solid #bbbbbb;
    		border-radius: 7px;
		}
	}
	
	.wpcf7-submit{
		background-color: var(--e-global-color-primary);
		border: 1px solid var(--e-global-color-primary);
		width: 100%;
		color: #FFF;
		font-size: 18px;
		padding: 14px;
		margin-top: 10px;

		&:hover,
		&:focus{
			color: var(--e-global-color-primary) !important;
		}
	}
	
	.wpcf7-not-valid-tip {
		color: #dc3232;
		font-size: 12px;
		font-weight: normal;
		display: block;
		font-family: "Roboto", sans-serif;
		margin-top: 5px;
	}
	
	.wpcf7 form .wpcf7-response-output {
		margin: 0;
		color: #686868; 
	}
	
	.red{
		color: #FF0000;
	}
}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
	background-color: transparent !important; }

.journal-details{
    margin: 0 !important;
	border-bottom: 1px solid #d1d1d1;
    width: 100%;
    max-width: 100% !important;
    padding: 10px 0 !important;
    display: block;
	
	.dtlabel{
		font-family: "Roboto", sans-serif;
		font-size: 15px;
		font-weight: 700;
		line-height: 27px;
		color: var(--e-global-color-primary);
		margin: 0;
	}
	
	.dtvalue{
		font-family: "Roboto", sans-serif;
		font-size: 15px;
		line-height: 27px;
		
		p{
			margin: 0 !important;
		}
		a{
			color: #000000;
			text-decoration: underline;
		}
	}
}

#wpadminbar {
    background: #033a1a !important;
}
#wp-admin-bar-wp-logo,
#wp-admin-bar-site-name{
	display: none;
}
 
/* Keywords Shortcode */
.keywords h3 {
    color: #2e7d32;
    font-weight: bold;
    margin-bottom: 10px;
	font-size: 20px;
}

.r-tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
	padding: 20px 0;
}

.rtag {
    border: 1px solid #2e7d32;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 14px;
    color: #2e7d32;
    text-decoration: none;
    transition: 0.2s ease;

	&:hover {
		background: #2e7d32;
		color: #fff;
	}
}
 
/* Keywords Shortcode */


body.archive{
	 background: #f7f7f7;
	.site-main{
		padding: 80px 0;
		
		h1{
			font-family: "Roboto", sans-serif;
			font-size: 32px;
			font-weight: 700;
			color: var(--e-global-color-secondary);
			margin-bottom: 40px;
		}
		
		.archive-group{
			padding: 30px;
			background-color: #FFFFFF;
			margin-bottom: 20px;
			border-radius: 10px 10px 10px 10px;
			
			article{
				border-left: 3px solid var(--e-global-color-secondary);
    			padding-left: 10px;
				margin-bottom: 32px;
				
				h3{
					margin: 0;
					line-height: 10px;
					
					a{
						font-family: "Roboto", Sans-serif;
						font-size: 18px;
						font-weight: 500;
						line-height: 28px;
						color: var(--e-global-color-text);
						transition: color 0.5s ease;
						
						&:hover{
							color: var(--e-global-color-secondary);
						}
					}
				}
			}
		}
		
	
		h2{
			font-family: "Roboto", Sans-serif;
			font-size: 29px;
			font-weight: 700;
			line-height: 39px;
			color: var(--e-global-color-text);
		}
		
		.archive-group-count{
			font-weight: 600;
			color: var(--e-global-color-secondary);
		}
	}
}

@media (min-width: 1200px) {
    body.archive .site-main{
        max-width: 1400px !important;
    }
	
	body.search-results{
		.site-main{
			max-width: 1400px !important;
			padding: 50px 0;
		}
	}
}

.keywords-pagination{
	.kw-prev,
	.kw-next{
		background-color: transparent !important;
		border: none !important;
		background: #FFF !important;
		color: #128c44 !important;
    	padding: 5px;
	}
}

body.search-results{
	background: #f7f7f7;
	
	article.search-result{
		background: #FFFFFF;
		padding: 15px 30px;
		border-radius: 10px;
		margin-bottom: 25px;
		
		h2 {
			line-height: 30px;
			
			a{
				font-family: "Roboto", Sans-serif;
				font-size: 21px;
				font-weight: 700;
				line-height: 3px !important;
				color: #07672f;
				transition: color 0.5s ease;

				&:hover{
					color: var(--e-global-color-secondary);
				}
			}
		}
	}
	
	h1.page-title{
		font-size: 30px !important;
		font-weight: 600;
	}
}

.author-tab-content{
	a{
		font-family: "Roboto", Sans-serif;
        font-weight: 600;
        color: #383b39;
        margin: 10px 0;
 		display: block;	
		
		&:hover{
			color: var(--e-global-color-secondary);
		}
	}
}

#student-archive-filter{
	#student-year-select{
		width: auto;
		display: inline;
		margin-left: 10px;
		font-weight: 700;
		font-size: 20px;
		font-family: "Roboto", sans-serif;
	}
	
	#student-archive-count{
		float: right;
		font-weight: 700;
		color: #07672f;
		font-style: italic;
	}

	#student-archive-results{
		ul{
            list-style: none !important;
            padding-left: 10px;
			
			li{
				padding-left: 20px;
				border-left: 3px solid var(--e-global-color-secondary);
				margin: 40px 0;
				
				h5{
					font-family: "Roboto", sans-serif;
					font-weight: 600;
					padding-right: 100px;
					color: var(--e-global-color-secondary);
				}
				.archive-author{
					font-size: 14px;
				}
			}
		}
	}

}

.article-list{
	list-style: none;	
	padding-left: 10px;
	
	& li{
		padding-left: 20px;
		border-left: 3px solid var(--e-global-color-secondary);
		margin: 40px 0;
		
		h5{
			font-family: "Roboto", sans-serif;
			font-weight: 600;
			padding-right: 100px;
			color: #212121;
			margin-bottom: 10px;
			transition: color 0.5s ease;
			
			&:hover{
				color: var(--e-global-color-secondary);
			}
		}
		.archive-author{
			font-size: 14px;
		}
	}
}