/*!
Theme Name: Smart Cities Week
Theme URI: http://underscores.me/
Author: Nurlia Sari
Author URI: https://whello.id
Description: Landing page
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smart-cities-week
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Smart Cities Week is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import 'fonts/helveticaneue.css';


.footer-content a {
	color: #4A4A4A;
	text-decoration: none;
	font-size: 13px;
	font-weight: 300;
}

.social-media a {
	border: 1px solid #595858;
	padding: 12px 12px 5px;
	vertical-align: middle;
	margin: 0 3px;
}



.eapps-instagram-feed-posts-grid-load-more.eapps-instagram-feed-posts-grid-load-more-visible {
	display: none!important;
}


html { 
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
}
html, body { 
	border: 0; 
	margin: 0; 
	height: 100%; 
	min-height: 100%; 
}
body { 
	color: #1e1e1e; 
	font-family: HelveticaNeue; 
	background: #f5f5f5; 
}
img { 
	border: 0; 
	vertical-align: middle; 
	-ms-interpolation-mode: bicubic;     
	margin-bottom: 3%;
}
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
form { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}
a, a:visited {
    color: #ffffff;
    text-decoration: none;
}

a:hover, a:active { 
	outline: 0;
}
hr { 
	display: block; 
	margin: .9em 0; 
	padding: 0; 
	height: 2px; 
	border: 0; 
	border-top: 1px 
	solid #c8c8c8; 
	box-shadow: inset 0 1px 0 #fff; 
}
.lte7 hr { 
	margin: .5em 0; 
}
h1, h2 { 
	margin: 10px 0 15px; 
	padding: 0; 
	color: #1e3c64; 
}
h2 { 
	margin: 0 0 5px; 
	font-size: 17px; 
}
h3 { 
	margin: 0 0 8px; 
	padding: 0; 
	font-size: 13px; 
	font-weight: 400; 
}
p { 
	margin: 0; 
	padding: 0 0 12px; 
}
ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}
li { 
	padding: 0 0 8px 14px; 
	background: url(../img/bullet.gif) 0 5px no-repeat; 
}
#page { 
	min-height: 100%;
	text-align: left;
	margin-top: 5%;
	background-image: url(/wp-content/uploads/2018/03/background-globe-1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.ie6 #page { 
	height: 100%; 
}
#wrapper { 
	padding: 0 0 45px; 
}
#top { 
	border-bottom: 1px solid #fff;
	height: 50px; 
	background: #646464 url(../img/top-bottom.png) repeat-x; 
}
#content { 
	margin: auto; 
	padding: 10px 0 0;
	width:100%;
	max-width: 960px;
}

.conference-btn a::before {
    content: "";
    background-image: url(/wp-content/uploads/2018/03/back-button-1.svg);
    height: 17px;
    background-size: 27px;
    background-repeat: no-repeat;
    width: 6%;
    display: inline-block;
    float: left;
}
.up-conference-btn a::before {
    content: "";
    background-image: url(/wp-content/uploads/2018/03/back-button-1.svg);
    height: 17px;
    background-size: 27px;
    background-repeat: no-repeat;
    width: 4%;
    display: inline-block;
    float: left;

}

header#masthead {
	text-align: center;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
button.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-icon-left.vc_btn3-color-grey:hover{
    background: cadetblue;
}
footer#colophon {
    text-align: center;
    overflow: hidden;
}
.teks p {
    position: absolute;
    margin-top: -205px;
    padding: 0px 0px 0px 15px;
    color: white;
    line-height: 1.42;
    height: auto;
    width: auto;
    font-size: 24px;
    font-family: HelveticaNeue;
    word-wrap: break-word;
    width: 85%;
}

h2.none-title {
    display: none;
}
.footer-content {
	display: inherit;
    width: 100%;
}

.footer-content > div {
	display: inline-block;
}


.social-media a > img {
	max-width: 10px;
}

.social-media a:hover {
	border-color: #eba540;
}



footer#colophon {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

section#text-2 {
    width: 33%;
}
section#custom_html-3 {
    width: 33%;
}
div#custom_html-2 {
    width: 33%;
    display: inline;
}

p.date {
    margin-top: -28%;
    font-size: 18px;
	font-weight: 300;
}
.wpb_single_image img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    border-bottom: 7px solid #eba540;
}
.vc_btn3-container.podcast.vc_btn3-inline {
    margin-left: -10px;
}
.podcast button.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-icon-left.vc_btn3-color-grey {
    width: 100%;
    margin-left: 18%;
}

.conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey{
    width: 100%;
     margin-left: 0%;
    background: #9b9b9b;
    color: white;
    text-align: left;
        font-size: 13px;
}

.podcast a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {
     background: #1f3459;
    width: 94%;
    color: white;
    margin-left: 19px;
    font-size: 13px;
}
.info-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey{
	background: #1f3459;
    width: 124%;
    color: white;
        font-size: 13px;
}
.vc_btn3-container.vc_btn3-inline {
    display: inline;
    vertical-align: top;
}
#scm-service:hover {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
a.fa.fa {
	color: #5a5858;
    border: 1px solid #e0e0e0;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 3%;
    text-align: center;
    border-radius: 2px;
    text-decoration: none;
}
.textwidget a {
    color: #595858;
    text-decoration: none;
}
.up-conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey{
	background-color: #eba540;
	width: 100%;
	color: white;
	text-align: left;
	border: none;
	padding: 15px 10px 10px;
}
.scm-event .wpb_single_image img {
    border-bottom: 7px solid #cac9c8;
}
.up-conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey:hover {
    background: #cacac8;
}
.conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey:hover {
    background-color: #eba540;
}
.info-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey:hover {
    background-color: #9b9b9b85;
}
.podcast a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey:hover{
	background-color: #9b9b9b85;
}
#instafeed img {
    width: 16.6%;
    margin-top: -35px;
}
p.hastag-text {
    font-size: 24px;
    font-family: HelveticaNeue;
}
h1.entry-title{
    margin: 0px 0 29px;
    text-align: center;
    font-size: 40px;
    color: #1e3458;
    text-transform: uppercase;
}

.textwidget a:hover {
    color: #eba540;
   
}
#instafeed img:hover {
    opacity: .7;
}
.scm-service img.vc_single_image-img.attachment-full:hover {
    opacity: .7;
}

/*--------------------------------------------------------------
## @Media
--------------------------------------------------------------*/
 @media all and ( max-width: 1440px ){

}
@media all and ( max-width: 1200px ){


}
@media all and ( max-width: 768px ){


main#main {
    margin-left: 20px;
}
.site-branding {
	text-align: center;
	margin: 0 auto;
}
.info-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey{
	width: 126%;
}

}

@media all and ( max-width: 425px ){
	section#text-3 {
		text-align: center;
	}

	.social-media{
		text-align: center;
		margin-top: 20px;
	}

	h1.entry-title{
		font-size: 32px;
	}
	main#main {
    	margin-left: 0px;
	}
	.site-branding {
		text-align: center;
		margin: 0 auto;
	}
	footer#colophon {
	    margin-right: 0%;
	}
	#content { 
		width: 100%; 
	}
	.wpb_single_image.wpb_content_element.vc_align_left.scm-service {
	    margin-left: 10%;
	}
	.teks p {
	    margin-left: 10%;
	}
	p.date {
	    margin-top: -95px;
	}
	img.custom-logo {
	    margin-left: 5%;
	}
	.info-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {
	    width: 37%;
	    position: absolute;
	    margin-left: 10.4%;
	    float: left;
	}
	.podcast a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {
		background: #1f3459;
		width: 37%;
		/* padding-bottom: 19px; */
		/* padding-top: 1px; */
		text-align: center;
		margin-right: 8%;
		color: white;
		float: right;
	}

	.conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey{
		margin-left: 11%;
		width: 	81%;
		margin-bottom: 2%;
	}
	.up-conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey
	{
	    margin-left: 11%;
		width: 	83%;
		margin-bottom: 11%;
	}
	.up-conference-btn a::before{
		width: 11%;
	}
	p.hastag-text {
	    padding-left: 10%;
	}
	#instafeed img {
	    width: 30%;
	}
	div#instafeed {
	    padding-left: 11%;
	}
	.footer-content{
		column-count: 	1;
		text-align: 	center;
		margin-left: 	0;
		width: 100%;
	}
	section#text-3 {
		width: 100%;
	}

	section#text-2 {
	    width: 100%;
	}
	section#custom_html-3 {
	    width: 100%;
	}
	div#custom_html-2 {
	    width: 100%;
	}
	a.fa.fa{
		width: 7%;
		margin-top: 11px;
	}
	.footer-content > div {
		width:100%;
	}
}
@media all and ( max-width: 375px ){
	.wpb_single_image.wpb_content_element.vc_align_left.scm-service {
	    margin-left: 4%;
	}
	.conference-btn a::before{
		width: 	12%;
	}
	.podcast a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {
		background: #1f3459;
	    width: 37%;
		padding-bottom: 19px;
	    padding-top: 16px;
	    text-align: center;
	    margin-right: 8%;
	    color: white;
	    float: right;
	}
	.up-conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {
   		margin-left: 4%;
   		width: 92%;
   		margin-bottom: 11%;
	}
}

@media all and ( max-width: 320px ){

	.podcast a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {

	    width: 42%;
	    padding-bottom: 20px;
	    padding-top: 16px;
	}

	.up-conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {
    	margin-left: 4%;
    	width: 92%;
	}
		.teks p {
	    margin-left: 5%;
	}
		img.custom-logo {
	    margin-left: 6%;
			}
		.conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {
	    margin-left: 4%;
	    width: 92%;
	    margin-bottom: 3%;
	}
	.wpb_single_image.wpb_content_element.vc_align_left.scm-service {
	    margin-left: 4%;
		margin-right: 4%;
	}
	.info-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {
	    width: 42%;
	    position: absolute;
	    margin-left: 4%;
	    float: left;
	}
	.podcast a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey{
		margin-right: 	4%;
	}
}

@media all and (min-width: 426px) {
	.footer-content > div {
		width:33%;
	}

	.social-media{
		text-align: right;
	}

}

@media all and (width: 768px){
	p.date {
		margin-top: -38%;
	}
	.footer-content > div {
		width:100%;
	}

	.section#text-3{
		text-align: center;
	}
	.social-media{
		text-align: center;
		margin-top: 20px;
	}

	.social-media a{
		padding: 20px 12px 0px;
	}

	.conference-btn a.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-classic.vc_btn3-color-grey {

		height: 55px;
		vertical-align: middle;
		padding-top: 20px;
	}
}

@media all and (min-width: 769px) {

	.social-media{
		text-align: right;
	}

	section#text-3 {
		text-align: left;
	}
}