/*
Theme Name: Linten Child 02
Theme URI: http://anilbasnet.com/linten-first-free-wordpress-theme/
Template: linten
Author: Anil Basnet
Author URI: http://anilbasnet.com/
Description: Linten is a very modern and interactive business WordPress theme, with attractive sections and features. It comes with stunning image slider, featured services and more others. It can be used for any kind of businesses or corporate websites. The design is professional, yet very friendly. It is easy to use and customize, enticing, mobile friendly and technologically seamless and fluid.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,featured-images,full-width-template,translation-ready,theme-options,threaded-comments,footer-widgets,custom-logo,blog
Version: 1.0.5.1494947388
Updated: 2017-05-16 15:09:48

*/

/* Making Services Widget White */
.linten_widget_services {
	background-color: #fff;
}

.linten_widget_call_to_action .call-to-action-description p {
    color: #fff;
}

.call-to-action-buttons .custom-button {
	padding: 12px 30px;
	color: #efefef;
	font-weight: bold;
	font-size: 15px;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/* Match facebook messenger button styles. */
#btn-scrollup {
	bottom: 108px;
	right: 18pt;
	padding: 8px 18px 14px;
	border-radius: 50%;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.13);
	line-height: 1;
	background-color: white;
}

#btn-scrollup i {
	color: black;
}

/* Footer tweaks */
.business-rating, .wpml-ls-statics-footer {
	padding: 1rem;
	text-align: center;
	color: #eee;
	background: #090a10;
}

.wpml-ls-statics-footer {
	margin-bottom: 0 !important;
	padding-bottom: 3rem;
}

.wpml-ls-legacy-list-horizontal a span {
	vertical-align: top;
}

.wpml-ls-legacy-list-horizontal a {
	color: #fff;
	background-color: #222;
}

.wpml-ls-statics-footer .wpml-ls-current-language > a {
	color: #000;
	background-color: #eee;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
	vertical-align: baseline;
}

@media only screen and (max-width: 767px) {
	/* I apologize for whomever has to deal with all the !importants.
	 * They're necessary to override the theme's odd media query defaults.
	 * This is a set of very hacky fixes. Units are absolute px values due to
	 * that being what linten uses. */

	/* If it's working, don't mess with it. Many of these are overrides
	 * for unexpected theme properties. */
	#masthead {
		padding: 15px 0;
		background-color: #fff !important;
	}
	
	#masthead .custom-logo-link {
		display: inline-block !important;
		width: auto !important;
		margin-right: 0 !important;
	}

	#site-identity {
		display: inline-block !important;
		width: auto !important;
		max-width: calc(100% - 100px) !important;
		margin-left: 15px !important;
		margin-right: 0 !important;
		overflow: hidden;
		white-space: nowrap !important;
		text-overflow: ellipsis;
	}
	
	#quick-contact {
		width: auto !important;
		text-align: left !important;
	}
	
	#quick-contact li {
		display: block;
		float: none !important;
		margin-top: 5px !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
		border-left: 0 !important;
	}
	
	#quick-contact li:first-child {
		margin-top: 0 !important;
	}
	
	#tophead > .container {
		display: flex;
		align-items: center;
		white-space: nowrap;
	}
	
	#tophead > .container > * {
		flex: 1 1 auto
	}

	.site-branding {
		display: flex;
		align-items: center;
		padding-top: 0;
	}

	.site-description {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
		margin-top: 0;
	}

	.header-social-wrapper {
		height: 100%;
		margin-top: 0;
	}
	
	.linten_widget_social {
		float: right;	
	}
	
	#menu-social-menu {
		white-space: normal;
		margin-left: 10px;
	}
	
	#menu-social-menu li {
		margin-bottom: 0;
		margin-right: 0;
	}
	
	#menu-social-menu li a {
		width: 32px;
		margin-left: 0;
		transform: none;
		-webkit-transform: none;
	}
	
	#menu-social-menu li a::before {
		transform: none;
		-webkit-transform: none;
	}
	
	/* Remove the white border from the menu button. */
	#mobile-trigger i {
		border-color: transparent;
	}
}

/* Fallback in case flexbox isn't supported. */
@media only screen and (max-width: 479px) {
	.site-title {
		font-size: 7vw;
	}
	
	.site-description {
		font-size: 3.5vw;
		margin-bottom: 15px;
	}

	.header-social-wrapper {
		float: none !important;
	}
	
	#menu-social-menu li {
		float: right;
	}

}

/* Styles for https://www.lowcostpetvaccinations.net/puppy-packages/ */
.puppy-packages {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1rem;
	/*word-break: break-all;*/
}

.puppy-packages > .package {
	padding: 1rem;
	margin: 1rem;
	flex: 1 1 auto;
	border: 1px solid #ddd;
}

.puppy-packages > .package > h2 {
	text-align: center;
}


.menu-red {
	color: #da1111;
}