style.css

/* 
Theme Name: WISS
Description: For those little WISS customisations to the Divi theme.
Version: 3.0
Author: Arlene Kline
Author URI: http://www.wiss.cn
Template: Divi
*/

@import url("../Divi/style.css");
/* YOUR CSS EDITS GO BELOW THIS LINE AND AND CSS RULES YOU MAKE HERE WILL OVERIDE THE MASTER DIVI THEME CSS RULES */

/*Hide top header*/
#top-header { display:none !important; }

/*Hide Website Title*/
/*#logo-text { display:none !important; }*/

/*Style Website Title*/
#logo-text {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 2rem;
	color: #2555a6;
}

/*Hide Website Tagline*/
#logo-tagline { display:none !important;
}

/*Add space above Main nav*/
#et-top-navigation {
	padding-top: 10px;
}

/* Set the minimum slider height */
.et_pb_slider, .et_pb_slider .et_pb_container {
	min-height: 625px !important;
	height: 625px !important;
}
.ak-set-header-height{
	min-height: 480px !important;
}

/*remove the 'designed by...' footer info */
#footer-info {
	display:none;
}
/*remove space under footer widgets*/
#footer-widgets .footer-widget {
	margin-bottom: 0;
}

.ak-transparent {
	opacity: 0.8;
}

/*give a dark semi-transparent background - most suitable to make any text more readable against the background image*/
.ak-tranparent-background {
	background-color: rgba(0,0,0,0.4);
	padding:10px;
}

/*give a light semi-transparent background - most suitable to make any text more readable against the background image*/
.ak-transparent-light-background {
	background-color: rgba(255, 255, 255, 0.4);
	padding:10px;
}

#login a { color: rgba( 255, 255, 255, 0.6 ); }

/* Add textshadow to the slider text*/
.et_pb_slide_description h2 {text-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
.et_pb_slide_description h3 {text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}
.et_pb_slide_content {text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}

/* Add textshadow to the fullwidth header and sub header slider text*/
.header-content h1 {text-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
.header-content .et_pb_fullwidth_header_subhead {text-shadow: 3px 2px 2px rgba(0,0,0,0.4);
}


/* raise the header content higher up the page*/
.ak-higher-header .header-content-container {
	margin-top: -150px;
}

/* raise the SLIDER header content higher up the page*/
.ak-higer-slider-heading .et_pb_slide_description h2 {
	margin-top: -90px;
}

/*Add more space between list items*/
ol.ak-spacedlist li {
	padding-bottom: 20px;
}

ul li ul li {list-style-type:circle;
}

/*Put Divi Slide Images on the Right*/
.ak-image-right .et_pb_slide_description {
	float:left !important; padding-left:50px !important
}

.et_pb_slide_image { right:50px;
}
/*Style Wechat icon from font awesome*/
/* icon for wechat */

/*top*/
.et-social-icons i.fa.fa-wechat {
	/*font-size: 25px;*/
	text-align: center;
	display: inline-block;
	position: relative;
	transition: color 300ms ease 0s;
	/*color: #666 !important;*/
	text-decoration: none;
}

/*Style the wechat icon on footer bottom*/
#footer-bottom i.fa.fa-wechat,
.et_duplicate_social_icons i.fa.fa-wechat {
	font-size: 30px;
	text-align: center;
	display: inline-block;
	position: relative;
	transition: color 300ms ease 0s;
	color: #666 !important;
	text-decoration: none;
}

/*Set wechat hover opacity*/
i.fa.fa-wechat:hover {
	opacity: 0.7 !important;
}

/*for Font Awesome, The bulleted list needs some formatting though because Divi does the list formatting a bit differently than usual */
.fa {
	line-height: inherit !important;
}

.fa-ul {
	list-style-type: none !important;
}

.fa-li {
	top: 0px !important;
}

/*reduce space under icon blurbs on about us page*/
.ak-reduce-gap .et_pb_main_blurb_image {
	margin-bottom: 10px;
}

/*reduce space under icon blurbs on about us page*/
.ak-reduce-gap .et_pb_main_blurb_image {
	margin-bottom: 10px;
}

/* make background of buttons semitransparent grey */
.et_pb_button, .et_pb_more_button {
	background-color: rgba(255,255,255,0.3);
}

/* circle clipping path for images */
.ak-circle img {
	-webkit-clip-path: circle(50% at 50% 50%);
	-moz-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}

/*Remove the down arrow icon from menus with submenus*/
#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child {
	/*padding-right: 0px;*/
}

/*remove the extra padding from the right of menus with submenus after icon removed*/
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
	content: "";
}
/*Make Main menu items all caps*/
#top-menu >li> a {font-variant: all-small-caps; font-size: 1.25rem;}

.footer-icon
{padding-right: 20px;}

/*------------------------------------------------------------------------------------*/
/* MEDIA QUERIES*/
/* Desktops and laptops ----------- */

@media only screen and (min-width : 1224px) {
	/* Styles */

	/* Menu Call to Action Buttons*/
	.menu-cta-secondary {
		border: 1px solid white;
		height: 20px;
		padding: 2px!important;
		border-radius: 5px;
		background-color: rgba(255,255,255,0.2);
	}
	.menu-cta-primary {
		border: 1px solid blue;
		height: 20px;
		padding: 4px!important;
		border-radius: 5px;
		background-color: rgba(255,255,255,0.3);
	}
	/** Customise the blog with a class called elegantdesign **/
	/*change Read More link to a button called View Full Post*/
	.elegantdesign a.more-link {
		font-size: 14px;
		color: #71818c !important;
		font-weight: 600;
		text-transform: uppercase;
		margin-top: 10px;
		float: none;
		display: inline-block;
		padding: 8px 16px;
		border-radius: 60px;
		background-color: #f7f9fb;
		border: 2px solid #e9eff5;
	}

	.elegantdesign a.more-link:hover {
		color: #20292f;
	}

	#skew:before {
		content: '';
		-webkit-transform: skew(0, -4deg);
		transform: skew(0, -4deg);
		position: absolute;
		left: 0;
		right: 0;
		top: -120px;
		height: 340px;
		background: #ffffff;
	}

	.elegantdesign .entry-title {
		margin-top: 0px;
		padding-bottom: 20px;
	}

	.elegantdesign .et_pb_image_container {
		margin: -20px -20px  40px;
	}


	.elegantdesign .et_pb_blog_grid .et_pb_post {
		margin-bottom: 80px;
		width: 100%;
		padding: 0px 20px 20px;
		background-color: #fff;
		border-radius: 4px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-shadow: 0px 20px 150px #d6dee4;
		border: none;
		text-align:center;
	}

	.elegantdesign .et_pb_post .post-meta {
		margin-bottom: 40px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* Styles */



	/*Hide site title and tagline text*/
	#logo-text, #logo-tagline { display: none !important; }
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Styles */
	/*make logo smaller*/
	#logo {
		height:60%;
		max-height:60px;
		margin-top: 0px;
	}
	/*after scroll make logo shrink*/
	.et-fixed-header #logo {
		max-height:60px!important;
		margin-top: 0px;
	}

	/*hide footer logos*/
	#footer-widgets {
		display: none;
	}
	/*Hide site title and tagline text*/
	#logo-text, #logo-tagline { display: none !important; }
}