/*
 Theme Name:   The Urban Pet
 Theme URI:    https://wordpress.org/themes/edge/
 Description:  Child theme derived for "EDGE" for The Urban Pet
 Author:       Pinky Soni
 Author URI:   https://www.pinkysoni.com
 Template:     edge
 Version:      1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
body
{
	font-family: 'Roboto', sans-serif;
	margin:0 auto;
}

::selection {
    background-color: #ff7800;
}


h1, h2, h3, h4, h5, h6
{
	font-family:"Century Gothic", sans-serif;
}

h4, h5 span
{
	padding-bottom:5px !important;
}

h3 {
	font-size: 28px;
}

p
{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#222;
	line-height:150%;
}

p span
{
	line-height:220%;
}

ul li
{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:150%;
}

#site-branding {
    float : left;
    padding: 20px 0;
    text-align: left;
	width:auto;
	max-width:272px;
}

.top-link-events
{
	float:right;
	margin:0 0 0 1px;
	font-size:15px;	
}

.top-link-events a
{
	color:#000;
	text-decoration:none;
	background-color:#71bbe8;
	padding:3px 11px 3px 11px;
}

.top-link-events a:hover
{
	color:#000;
	text-decoration:none;
	background-color:#ff7800;
	padding:3px 11px 3px 11px;
}

.top-membership
{
	float:right;
	margin:0 0 0 1px;
	font-size:15px;
	
}

.top-membership a
{
	color:#000;
	text-decoration:none;
	background-color:#ff7800;
	padding:3px 11px 3px 11px;
	text-transform: uppercase;
	font-weight:bold;
}

.top-membership a:hover
{
	color:#000;
	text-decoration:none;
	background-color:#71bbe8;
	padding:3px 11px 3px 11px;
}

.curb
{
	float:right;
	margin:0 0 0 1px;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;	
}

.curb a
{
	color:#000;
	text-decoration:none;
	background-color:#ffcc00;
	padding:3px 11px 3px 11px;
}

.curb a:hover
{
	color:#000;
	text-decoration:none;
	background-color:#71bbe8;
	padding:3px 11px 3px 11px;
}

.address-bar
{
	float:right;
	margin:3% 0 0 0;
	text-align:right;
	width:auto;
}

.address-bar ul
{
	padding:0;
	margin:0;
}

.address-bar ul li
{
	margin-left:10px;
	display:inline-block;
	list-style:none;
	color:#3e3725;
	font-size:15px !important;
}

.address-bar span
{
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px !important;
}

.address-bar ul li span a:hover
{
	color:#ff7800;
}

#site-branding 
{
    width: auto;
}

#sticky_header
{
	width:100%;
	background-color:#29251c;
	height:52px;
	border:none;
	margin:0;
	padding:0;
}


.main-navigation a {
	color: #fff;
	display: block;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	letter-spacing:normal;
	text-transform: none;
	font-weight:normal;
	font-size: 17px;
	padding: 15px 15px 0 8px !important;
}

.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation li.current-menu-item.menu-item-has-children > a:after,
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after 
{
	color: #71bbe8;	
}

.main-navigation li.menu-item-has-children > a:after, .main-navigation li li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after, .main-navigation li li.page_item_has_children > a:after {
    color: #fff;

}

.container {
   width:90% !important;
}

.container, .boxed-layout #page, .boxed-layout-small #page {
    max-width: 100% !important;
}

#primary {
    width: 100%;
	float:none;
}

#content
{
	width: 90%;
	padding:0;
	margin:0 auto;
}

img.alignleft, img.alignright, img.aligncenter {
    margin-top:0;
    margin-bottom: 0;
}

.home-lightwall
{
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
}

.home-lightwall h6
{
	text-align:right;
	margin:5px 0 5px 0;
	padding:0;
	font-family: 'Century Gothic', sans-serif;
	font-size:22px;
	font-weight:normal;
}

.home-lightwall h4
{
	text-align:center;
	color: #222;
	margin:5px 0 20px 0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:30px;
	font-weight:lighter;
}


.home-lightwall hr
{
	width:100%;
	border:solid 1px #efefef;
	margin:0;
	padding:0;
}

h1
{
	font-size:30px;
	font-weight:300;
	text-align:center;
	color:#3e3725;	
	width:70%;
	margin: 0 auto;
	padding: 50px 0 40px 0;
	font-family: 'Roboto', sans-serif;
}

h1 span
{
	font-weight:500;
}

.elementor-21 .elementor-element.elementor-element-2c639c7 
{
    float: left;
}

.elementor-21 .elementor-element.elementor-element-de3b742 > .elementor-widget-container
{
	margin:0;
	padding:0;
}

.image-ultimate-hover-3 .iheu-info .iheu-data {
    background-color: #ff7800;
}

.image-ultimate-hover-3 a.iheu-button {
    background-color: #ff7800 !important;  
    color: #fff;
    border: 1px solid #fff;
}

.image-ultimate-hover-3 .iheu-info p {
    font-size: 14px;
    font-weight: normal;
    line-height: 160% !important;
    font-family: Arial, Helvetica, sans-serif;
}

.image-ultimate-hover-3 a.iheu-button:hover {
    color: #000 !important;
}

.site-info {
    background-color: #fff;
}

.site-info .copyright a:hover {
    color: #ff7800;
}

#colophon .widget-wrap {
    background-color: #e6e6e6;
    color: #222;
}

#colophon .widget ul li a:hover {
    color: #ff7800;
}

#colophon .column-4 {
    line-height: 220%;
}

#colophon .widget-title {
    font-family: 'century gothic';
    font-size: 20px;
    text-transform: uppercase;
	color:#222;
}

ol, ul {
    font-size: 14px;
}

#colophon p {
    line-height: 132%;
}

.menu-footer-menu-container
{
	width:170px !important;	
}

.menu-footer-2-container
{	
	margin-top:22.5%;
}

.custom-html-widget span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:20px;
	color:#222;
	font-weight:normal;
}

.custom-html-widget li
{
	margin:0 0 15px 5px;
	float:left;
}

#colophon .widget-wrap {
    border-bottom: none;
    border-top: none;
}

.furtographs
{
	text-align:left;
	float:left;
	width:auto;	
	color: #848484;
    font-size: 13px;
	padding-top: 15px;
}

.copyright
{
	text-align:right;
	float:right;
	width:auto;
}

.go-to-top a {
    border: 2px solid #71bbe8;
    color: #71bbe8;
}

.go-to-top a:hover {
    background-color:#71bbe8;
    color: #fff;
}

.header-social-block {
    margin-right: 7px;
	width:15%;
}

.widget_nav_menu{
	float:left;
	width:auto;
	margin-right:40px;
}

#nav_menu-6
{
	width:auto;
	margin-right:15px;	
}

#nav_menu-3
{
	width:auto;
	margin-right:15px;	
}

#colophon .column-4 {
    padding: 0;
    margin: 0;
}
.widget_custom_html
{
	margin-right:60px;
	width:100% !important;
}

.widget_media_image
{
	margin-left:40px;
	width:auto;
}

a {
    color: #222;
    text-decoration: none;
}

a:hover {
    color: #ff7800;
    text-decoration: underline;
}

.home-lightwall-footer
{
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
}

.home-lightwall-footer h4
{
	text-align:center;
	color: #222;
	margin:80px 0 20px 0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	font-weight:lighter;
}

.page-id-21 .home-lightwall-footer
{
	display:none;
}

.elementor-button-wrapper {
    width: auto;
	margin:0 auto;
	padding: 0;
    float:none;
}

#main ul {
    line-height:220%;
}

.wp-caption .wp-caption-text, .gallery-caption {
    font-style: normal;
    font-size: 18px;
    text-transform: uppercase;
}

.post-featured-image {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 40px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], input[type="password"], textarea {
    padding: 10px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 30%;
    margin: 7px 0 30px 0;
    background-color: rgba(255, 255, 255, 0.8);
}

input[type="reset"], input[type="button"], input[type="submit"] {
    background-color: #ff7800;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    margin-bottom: 30px;
    padding: 6px 40px;
    text-align: center;
    text-transform: uppercase;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #71bbe8;
}

.ul-forgreybg
{
	list-style-type:disc;
	color:#fff;
}

.li-forgreybg
{
	color:#fff;
	margin-bottom:25px;
}

.wpcf7 p {
    color: #fff;
}

.cf7-smart-grid.has-grid .wpcf7-submit {
    background: #ff7800 !important;
    border: solid 1px #ff7800 !important;
    border-radius: 3px;
    font-size: 110%;
    font-weight: bold;
    color: white;
}

.cf7-smart-grid.has-grid .wpcf7-submit:hover {
    background: #71bbe8 !important;
    border: solid 1px #71bbe8 !important;
}

.cf7-smart-grid.has-grid .field > label {
    display: block;
    margin-bottom: 0;
    color: #fff;
}

.elementor-text-editor hr
{
	border:solid 1px #efefef;
	width: 100%;
	margin-bottom:20px;
	margin:0 auto;
}

#menu-footer-menu li
{
	margin-bottom:13px;
}

#menu-footer-2 li
{
	margin-bottom:13px;
}

.custom-html-widget a
{
	color:#222 !important;	
}

.custom-html-widget a:hover
{
	color:#ff7800 !important;
}

.elementor-21 .elementor-element.elementor-element-2c639c7 {
    width: auto !important;
}

#colophon .widget-title:after {
    background-color: #ff7800;
}

/* Extra small devices (phones, 600px and down) */

@media screen and (min-width: 320px) {
	.address-bar {
		width:auto;
		text-align:center;
	}
}


@media screen and (min-width: 320px) {
	#site-branding {
		width:auto;
		text-align:center !important;
	}
}


@media screen and (min-width: 1280px) {
	#site-branding {
		width:auto;
		float:left;
	}
}

@media screen and (max-width: 600px) {
  .top-link-events {
    float:left;
	font-size:11px;
  }
}

@media screen and (max-width: 600px) {
  .top-link-events a {
	padding:2px 6px 2px 6px;
}
}

@media screen and (max-width: 600px) {
  .top-link-events a:hover {
	padding:2px 6px 2px 6px;
}
}

@media screen and (max-width: 600px) {
  .top-membership {
    float:left;
	font-size:11px;
  }
}

@media screen and (max-width: 600px) {
  .top-membership a:hover {
	padding:2px 6px 2px 6px;
  }
}

@media screen and (max-width: 600px) {
  .top-membership a {
	padding:2px 6px 2px 6px;
}
}

@media screen and (max-width: 600px) {
	.top-header {
		border-bottom:none;
	}
}

@media screen and (max-width: 600px) {
	.line-one, .line-two, .line-three {
	background-color: #ff7800;
	}
}

@media screen and (max-width: 600px) {
	.menu-toggle {
		width: 25px;
		float: right;;
	}
}

@media screen and (max-width: 600px) {
	#sticky_header {
    height:46px;
	margin-top: 10px;
}
}

@media screen and (max-width: 600px) {
	.address-bar {
		width:auto;
		text-align:center;
	}
}

@media screen and (max-width: 600px) {
	.address-bar ul {
		text-align: center;
	}
}

@media screen and (max-width: 600px) {
  #site-branding {
		padding:15px 0  12px 0;
		text-align:center ;
		width:auto;
	  max-width:100% ;
}
}

@media screen and (max-width: 600px) {
	.toggled-on .menu {
     background-color: #29251c;
}
	
@media screen and (max-width: 600px) {
.main-navigation ul li ul li a {
	 color:#efefef !important;
}

@media screen and (max-width: 600px) {
	#content {
    padding-top: 0 ;
}
}

@media screen and (max-width: 600px) {
  h1 {
	font-size:22px;
	  width:90%;
	  padding:10px 0 10px 0;
	  text-align:center;
}
}

@media screen and (max-width: 600px) {
  h1, h2, h3, h4, h5, h6, p {
	text-align:center;
}
}

@media screen and (max-width: 600px) {
  #colophon .widget-title {
	text-align:left;
	float:left;
	width:100%;
	  margin-top:30px;
}
}

@media screen and (max-width: 600px) {
  .menu-footer-2-container {
	margin-top:0;
}
}

@media screen and (max-width: 600px) {
  #colophon .widget {
	margin-bottom: 0;
}
}

@media screen and (max-width: 600px) {
  #colophon .widget-area {
	padding:0;
}
}

@media screen and (max-width: 600px) {
  .widget_media_image {
	margin-left:0;
}
}

@media screen and (max-width: 600px) {
  .site-info .copyright {
	float:left;
}
}


/* Small devices (portrait tablets and large phones, 600px and up) */

@media screen and (max-width: 767px) {
	.line-one, .line-two, .line-three {
	background-color: #ff7800;
	}
}

@media screen and (max-width: 767px) {
	.menu-toggle {
		width: 24px !important;
		float: right;
	}
}

@media screen and (max-width: 767px) {
	#sticky_header {
    height:46px;
	margin-top: 10px;
}
}

@media screen and (max-width: 767px) {
	.address-bar {
		width: auto;
		text-align:center;
}
}

@media screen and (max-width: 767px) {
	#site-branding {
		width: auto;
		max-width:100% ;
		text-align:center;
}
}

@media screen and (max-width: 767px) {
	#content {
    padding-top: 0 !important;
}
}

@media screen and (max-width: 767px) {
	h1 {
    font-size:22px;
	  width:90%;
	  padding:10px 0 10px 0;
	  text-align:center;
}
}

@media screen and (max-width: 767px) {
	 h1, h2, h3, h4, h5, h6, p {
	text-align:center;
}
}

@media screen and (max-width: 767px) {
	#colophon .widget-title {
	text-align:left;
	float:left;
	width:100%;

}
}

@media screen and (max-width: 767px) {
	.widget_media_image {
	margin-left:0;
}
}


@media screen and (min-width: 768px) {
	p {
	text-align:left;
}
}

@media screen and (min-width: 768px) {
	#site-branding {
		width: auto;
		text-align:center;
		max-width:100% ;
}
}

@media screen and (min-width: 768px) {
	.address-bar {
		width:auto;
		text-align:center;
}
}


@media screen and (min-width: 768px) {
	.address-bar ul {
    text-align:right;
}
}

@media screen and (min-width: 768px) {
	#colophon .widget-title {
    width: 100%;
    float: left;
}
}

@media screen and (min-width: 768px) {
	.custom-html-widget li {
    margin: 0 0 15px 5px;
    float: left;
}
}

@media screen and (min-width: 320px) {
	.elementor-21 .elementor-element.elementor-element-de3b742 > .elementor-widget-container {
    margin: 0;
}
}

@media screen and (min-width: 1024px) {
	.elementor-21 .elementor-element.elementor-element-de3b742 > .elementor-widget-container {
    margin: 0;
}
}



/* Large devices (laptops/desktops, 992px and up) */

@media screen and (max-width: 1024px) {
	.address-bar {
    text-align:center;
    width: auto;
}
}

@media screen and (max-width: 1024px) {
	#site-branding {
    text-align:center;
		width:auto;
		max-width:100%;
}
}

@media screen and (max-width: 1024px) {
	h1 {
    font-size:22px;
		text-align:center;
}
}

@media screen and (max-width: 1024px) {
	.custom-html-widget span {
    font-size: 13px;
	font-family:'Roboto', sans-serif;
}
}

@media screen and (max-width: 1024px) {
	ul li {
    font-size: 13px;
}
}

@media screen and (max-width: 1024px) {
	.main-navigation a {font-size:13px;	
	}}

/* Extra large devices (large laptops and desktops, 1200px and up) */

@media screen and (max-width: 1280px) {
	.main-navigation a{font-size:14px;	
	}}

div.wpcf7-spam-blocked {
    color: #fff;
}

div.wpcf7-mail-sent-ok {
    color: #fff;
}

.cf7-smart-grid.has-grid .wpcf7-form-control {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #fafafa;
    margin: 7px 0 30px ;
}

.cf7-smart-grid.has-grid .wpcf7-form-control.wpcf7-checkbox, .cf7-smart-grid.has-grid .wpcf7-form-control.wpcf7-radio {
    background: rgba(255, 255, 255, 0.8);
    padding: 0;
    margin: 7px 0 30px;
    border: 1px solid #fafafa ;
}

.cf7-smart-grid.has-grid .wpcf7-submit
{
	background-color: #ff7800;
}

textarea
{
	width:80%;
}

.main-navigation > ul > li span {
	font-weight:bold;
	background-color:#ffcc00;
	margin:10px;
    position: relative;
    display: inline-block;
}

.oxi-image-hover-wrapper-3 .oxi-image-hover-button a.oxi-image-btn {
    background: rgba(255, 120, 0, 1) !important;
}

.oxi-image-hover-wrapper-3 .oxi-image-hover-caption-tab {
    background-color: #3e3725 !important;
}

.oxi-image-hover-wrapper-3 .oxi-addons-row .oxi-image-hover-caption-tab .oxi-image-hover-button a.oxi-image-btn:hover {
	color:#fff !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background-color: #46b450;
    color: #fff;
    font-size: 20px;
    width: 88%;
    margin: 0 auto;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ff0000;
    background-color: #ff0000;
    font-size: 20px;
    color: #fff;
    width: 88%;
    margin: 0 auto;
}